/* Base & Smooth Scroll */
        html { scroll-behavior: initial; }
        html, body { width: 100%; min-height: 100%; }
        html.lenis, html.lenis body { height: auto; }
        .lenis.lenis-smooth { scroll-behavior: auto !important; }
        .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
        .lenis.lenis-stopped { overflow: hidden; }
        
        body {
            background-color: #050508;
            color: #ffffff;
            overflow-x: hidden;
            overflow-y: scroll;
            cursor: none;
            -webkit-font-smoothing: antialiased;
        }

        @media (max-width: 768px) { body { cursor: auto; } }

        /* Custom Cursor */
        #cursor-dot, #cursor-follower {
            position: fixed; top: 0; left: 0; border-radius: 50%;
            pointer-events: none; z-index: 10000;
            transform: translate(-50%, -50%);
            transition: width 0.2s, height 0.2s, background-color 0.2s;
        }
        #cursor-dot { width: 6px; height: 6px; background-color: #00e5ff; box-shadow: 0 0 10px #00e5ff; }
        #cursor-follower {
            width: 36px; height: 36px; border: 1px solid rgba(0, 229, 255, 0.4);
            display: flex; align-items: center; justify-content: center;
            text-align: center; font-size: 8px; font-weight: bold; color: #050508;
            transition: width 0.3s, height 0.3s, background-color 0.3s, border 0.3s, opacity 0.3s, transform 0.1s;
        }
        .cursor-view-project #cursor-follower, .cursor-submit #cursor-follower { width: 80px; height: 80px; background-color: #00e5ff; border: none; }
        .cursor-view-project #cursor-dot, .cursor-submit #cursor-dot { opacity: 0; }
        #cursor-text { opacity: 0; transition: opacity 0.3s; font-family: 'Space Grotesk', sans-serif;}
        .cursor-view-project #cursor-text, .cursor-submit #cursor-text { opacity: 1; }

        /* Scroll Progress Bar */
        #scroll-progress {
            position: fixed; top: 0; left: 0; width: 0%; height: 3px;
            background: linear-gradient(to right, #00e5ff, #b026ff);
            z-index: 9999;
            box-shadow: 0 0 15px rgba(0,229,255,0.8);
        }

        /* Nav Link Hover */
        .nav-link { position: relative; display: inline-block; }
        .nav-link::after {
            content: ''; position: absolute; width: 0; height: 2px;
            bottom: -4px; left: 0; background-color: #00e5ff; transition: width 0.3s ease;
            box-shadow: 0 0 8px #00e5ff;
        }
        .nav-link:hover::after { width: 100%; }

        /* Mobile Menu */
        #mobile-menu.menu-open { opacity: 1; pointer-events: auto; }
        #mobile-menu.menu-open .mobile-link { transform: translateY(0); opacity: 1; }

        /* Marquee (Edgy & Perfect Loop) */
        .marquee-wrapper {
            transform: rotate(-1.5deg) scale(1.05);
            background: rgba(10, 10, 15, 0.9);
            border-top: 1px solid rgba(0, 229, 255, 0.3);
            border-bottom: 1px solid rgba(176, 38, 255, 0.3);
            box-shadow: 0 0 25px rgba(0, 229, 255, 0.1);
            z-index: 20;
            position: relative;
        }
        .marquee-container { display: flex; width: 100%; overflow: hidden; white-space: nowrap; }
        .marquee-content { display: flex; flex-shrink: 0; min-width: 100%; align-items: center; justify-content: space-around; animation: marquee-scroll 20s linear infinite; }
        @keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
        .text-outline { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,0.6); transition: all 0.3s; }
        .text-outline:hover { -webkit-text-stroke: 1px #00e5ff; filter: drop-shadow(0 0 8px rgba(0,229,255,0.5)); }

        /* Custom Animations */
        @keyframes pulse-glow { 
            0%, 100% { filter: drop-shadow(0 0 10px rgba(0,229,255,0.4)); } 
            50% { filter: drop-shadow(0 0 25px rgba(176,38,255,0.8)); } 
        }
        
        @keyframes breathe-neon {
            0%, 100% { box-shadow: 0 0 15px rgba(0, 229, 255, 0.1); border-color: rgba(255,255,255,0.1); }
            50% { box-shadow: 0 0 30px rgba(176, 38, 255, 0.2); border-color: rgba(0, 229, 255, 0.3); }
        }
        .animate-breathe { animation: breathe-neon 4s ease-in-out infinite; }

        /* Anti-Gravity Floating Animations for Tech Stack */
        @keyframes float-1 { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-12px); } }
        @keyframes float-2 { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-18px); } }
        @keyframes float-3 { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }
        
        .floating-pill-1 { animation: float-1 4s ease-in-out infinite; }
        .floating-pill-2 { animation: float-2 5s ease-in-out infinite 0.5s; }
        .floating-pill-3 { animation: float-3 3.5s ease-in-out infinite 1s; }

        /* Workflow Tracer Line */
        #tracer-line { box-shadow: 0 0 15px #00e5ff, 0 0 30px #b026ff; }

        /* Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #050508; }
        ::-webkit-scrollbar-thumb { background: #222; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #00e5ff; }