        :root {
            --navy: #0F172A;
            --emerald: #10B981;
            --soft-white: #FBFCFE;
            --accent-gold: #C5A059;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--soft-white);
            color: #334155;
            scroll-behavior: smooth;
        }

        h1, h2, h3, .serif {
            font-family: 'Playfair Display', serif;
        }

        .glass-nav {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(16px);
            border-bottom: 1px solid rgba(197, 160, 89, 0.1);
        }

        .card-hover {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .card-hover:hover {
            transform: translateY(-12px);
            box-shadow: 0 30px 60px -12px rgba(15, 23, 42, 0.12);
        }

        .emerald-gradient {
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
        }

        .gold-text { color: var(--accent-gold); }
        .gold-bg { background-color: var(--accent-gold); }

        .hero-bg {
            background: 
                radial-gradient(circle at 90% 10%, rgba(197, 160, 89, 0.08), transparent 40%),
                radial-gradient(circle at 10% 90%, rgba(16, 185, 129, 0.05), transparent 40%);
        }

        .page-section {
            display: none;
            animation: slideUp 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards;
        }
        @keyframes slideUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .active-page { display: block; }

        input[type=range] { accent-color: var(--accent-gold); }

        .premium-shadow {
            box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
        }

        .border-gold { border-color: rgba(197, 160, 89, 0.2); }

        .faq-item {
            border-bottom: 1px solid rgba(15, 23, 42, 0.05);
            transition: all 0.3s ease;
        }
        .faq-item:hover { background: rgba(16, 185, 129, 0.02); }