:root {
            --dark-green: #344F1F;
            --blue: #86B0BD;
            --accent: #A7AAE1;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Lora', serif;
            background-color: var(--white);
            color: #1a1a1a;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .bg-dark-green { background-color: var(--dark-green); }
        .bg-blue { background-color: var(--blue); }
        .bg-accent { background-color: var(--accent); }
        .text-dark-green { color: var(--dark-green); }
        
        /* Smooth Scroll Reveal */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Image Hover & Parallax */
        .img-zoom { overflow: hidden; }
        .img-zoom img { transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1); }
        .img-zoom:hover img { transform: scale(1.1); }

        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* Glassmorphism */
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.2);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
        }

        /* Buttons & Nav */
        .btn-glow {
            transition: all 0.3s ease;
        }
        .btn-glow:hover {
            box-shadow: 0 0 20px rgba(167, 170, 225, 0.6);
            transform: translateY(-2px);
        }

        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0; height: 1px; bottom: -4px; left: 0;
            background-color: white;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Multi-page Display logic */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease-out forwards; }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        /* Custom scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--dark-green); border-radius: 4px; }