:root {
            --accent: #00FFD1;
            --pink: #FF007A;
            --surface: #0A0A0A;
            --glass: rgba(255, 255, 255, 0.03);
        }

        body {
            background-color: #000000;
            color: #FFFFFF;
            font-family: 'Space Grotesk', sans-serif;
            scroll-behavior: smooth;
        }

        .heading { font-family: 'Outfit', sans-serif; text-transform: uppercase; letter-spacing: -0.02em; }
        .serif-text { font-family: 'Instrument Serif', serif; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #000; }
        ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 10px; }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .nav-blur { backdrop-filter: blur(20px); background: rgba(0,0,0,0.8); border-bottom: 1px solid rgba(255,255,255,0.1); }
        
        .page-node { display: none; }
        .page-node.active { display: block; animation: pageIn 0.6s ease; }
        @keyframes pageIn { from { opacity: 0; filter: blur(10px); } to { opacity: 1; filter: blur(0); } }

        .hero-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 2s ease; }
        .hero-slide.active { opacity: 0.6; }

        .glow-hover:hover { box-shadow: 0 0 30px var(--accent); }
        .card-tech { background: var(--glass); border: 1px solid rgba(255,255,255,0.05); transition: all 0.4s; }
        .card-tech:hover { border-color: var(--accent); background: rgba(255,255,255,0.06); }

        .btn-main { background: var(--accent); color: black; font-weight: 900; transition: transform 0.2s; }
        .btn-main:hover { transform: scale(1.05); }

        /* Custom Toast */
        #notification-box { fixed bottom-10 right-10 z-[500] transform translate-y-20 opacity-0 transition-all duration-500; }
        #notification-box.show { translate-y: 0; opacity: 1; }