:root {
            --accent: #00D4FF;
            --highlight: #A6FFCB;
            --bg: #FFFFFF;
            --surface: #F8FAFC;
            --text-main: #0F172A;
            --text-muted: #64748B;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg);
            color: var(--text-main);
            scroll-behavior: smooth;
        }

        .serif { font-family: 'Playfair Display', serif; }
        .mono { font-family: 'Fira Code', monospace; letter-spacing: -0.02em; font-size: 0.75rem; }

        /* Multipage Transitions */
        .page-container { display: none; }
        .page-container.active { display: block; animation: pageFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

        @keyframes pageFadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Hero Slideshow */
        .hero-slide {
            position: absolute; inset: 0;
            background-size: cover; background-position: center;
            opacity: 0; transition: opacity 2s ease-in-out, transform 10s linear;
            transform: scale(1);
        }
        .hero-slide.active { opacity: 1; transform: scale(1.1); }

        /* Buttons & Interaction */
        .btn-premium {
            position: relative;
            padding: 1rem 2.5rem;
            background: var(--text-main);
            color: white;
            overflow: hidden;
            transition: all 0.4s ease;
        }
        .btn-premium:hover {
            background: var(--accent);
            transform: translateY(-3px);
            box-shadow: 0 15px 30px rgba(0, 212, 255, 0.2);
        }

        .glass-nav {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }

        .article-card:hover img { transform: scale(1.05); }
        .article-card img { transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #fff; }
        ::-webkit-scrollbar-thumb { background: #000; }

        /* Confirmation States */
        .success-overlay {
            background: rgba(166, 255, 203, 0.95);
            backdrop-filter: blur(10px);
        }