:root{--bg:#06060a;--surface:#0a0a10;--card:#111118;--border:#1e1e2e;--border-hover:#252540;--text:#e8e8ed;--text-secondary:#a0a0b8;--text-muted:#606078;--accent:#8b5cf6;--accent-purple:#8b5cf6;--font-display:system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "Cascadia Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);overscroll-behavior:none;font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}#loader{z-index:9999;background:var(--bg);justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-stage{text-align:center;width:280px;animation:.6s cubic-bezier(.16,1,.3,1) stageIn;position:relative}@keyframes stageIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.loader-rings{pointer-events:none;width:200px;height:200px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.loader-rings .ring{box-sizing:border-box;border:1.5px solid #0000;border-radius:50%;position:absolute;inset:0}.loader-rings .r1{border-top-color:#8b5cf6;border-right-color:#8b5cf64d;animation:2s linear infinite spinR}.loader-rings .r2{border-top-color:#06b6d4;border-left-color:#06b6d44d;animation:1.6s linear infinite spinL;inset:18px}.loader-rings .r3{border-top-color:#f472b6;border-right-color:#f472b64d;animation:1.2s linear infinite spinR;inset:36px}.loader-rings .r4{border-style:dashed;border-color:#ffffff14;animation:3s linear infinite spinL;inset:54px}@keyframes spinR{to{transform:rotate(360deg)}}@keyframes spinL{to{transform:rotate(-360deg)}}.loader-logo{font-family:var(--font-display);letter-spacing:.08em;z-index:2;text-shadow:0 0 30px #8b5cf699;font-size:42px;font-weight:800;animation:1.6s ease-in-out infinite logoPulse;position:relative}@keyframes logoPulse{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.loader-pct{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.2em;z-index:2;margin-top:24px;font-size:12px;position:relative}.loader-pct:after{content:"%";color:var(--accent);margin-left:2px}.loader-bar-wrap{background:var(--border);border-radius:99px;width:200px;height:1.5px;margin:14px auto 0;position:relative;overflow:hidden}#loader-bar{background:linear-gradient(90deg,#8b5cf6,#06b6d4,#f472b6,#8b5cf6) 0 0/200% 100%;border-radius:99px;width:0;height:100%;transition:width 1.4s cubic-bezier(.16,1,.3,1);animation:1.5s linear infinite barFlow;box-shadow:0 0 12px #8b5cf699}@keyframes barFlow{to{background-position:200% 0}}.loader-tip{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.15em;margin-top:14px;font-size:11px;animation:1.8s ease-in-out infinite tipBlink}@keyframes tipBlink{0%,to{opacity:.4}50%{opacity:1}}#bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}#noise-overlay{z-index:1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#mouse-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 60%);border-radius:50%;width:600px;height:600px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}.ripple{pointer-events:none;z-index:9996;border:2px solid #8b5cf680;border-radius:50%;animation:.6s ease-out forwards ripple;position:fixed}.glass-card:hover{box-shadow:0 20px 60px #00000080,0 0 30px #8b5cf633,0 0 60px #06b6d41a}.typewriter-cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#scroll-progress{z-index:9997;background:linear-gradient(90deg,#8b5cf6,#06b6d4,#f472b6);width:0;height:2px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 8px #8b5cf680}#cursor-dot{background:var(--accent);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;position:fixed}#cursor-ring{pointer-events:none;z-index:9998;border:1.5px solid #8b5cf64d;border-radius:50%;width:28px;height:28px;position:fixed}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#f472b6,#8b5cf6) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradShift}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:6s ease-in-out infinite float}.nav{z-index:40;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#06060a80;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--accent);font-size:14px;font-weight:600}.nav-links{gap:24px;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;padding:6px 0;font-size:13px;transition:color .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#8b5cf6,#06b6d4);height:1.5px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--text)}.nav-link:hover:after{transform:scaleX(1)}.glass-card,.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#11111880;border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover,.glass:hover{border-color:var(--border-hover);background:#16162299;transform:translateY(-4px);box-shadow:0 20px 60px #00000080}.btn{border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex;overflow:hidden}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf659}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn-glass{color:var(--accent);background:#8b5cf614;border-color:#8b5cf626}.btn-glass:hover{background:#8b5cf62e}.tag{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);background:#1a1a2866;border-radius:99px;padding:5px 12px;transition:all .3s;display:inline-flex}.tag:hover{color:var(--text);border-color:var(--border-hover)}.tag.active{color:var(--accent);border-color:var(--accent);background:#8b5cf61a}.input{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);color:var(--text);background:#11111880;border-radius:14px;outline:none;width:100%;padding:12px 18px;font-size:14px;transition:border-color .3s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.section-label{font-family:var(--font-mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.section-title{letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.1}.section-desc{color:var(--text-secondary);max-width:520px;font-size:16px;line-height:1.7}@media (max-width:768px){#cursor-dot,#cursor-ring{display:none}.nav-links{gap:16px}.nav-link{font-size:12px}}.parallax-shine{border-radius:inherit;pointer-events:none;opacity:0;mix-blend-mode:overlay;transition:opacity .3s;position:absolute;inset:0}[data-parallax]:hover .parallax-shine{opacity:1}[data-parallax]{position:relative;overflow:hidden}.char-hop-char{will-change:transform;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:inline-block}[data-char-hop]:hover .char-hop-char{transform:translateY(-4px)}[data-char-hop]{cursor:pointer}[data-sticky-label]{z-index:20;background:0 0;padding:8px 0;transition:all .3s;position:sticky;top:72px}[data-sticky-label].sticky-pinned{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#06060ad9;padding:12px 0}[data-sticky-label].sticky-pinned .section-label{color:var(--accent);text-shadow:0 0 12px #8b5cf699}#scroll-ring{z-index:9996;opacity:.5;cursor:pointer;width:44px;height:44px;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;right:24px}#scroll-ring:hover{opacity:1;transform:scale(1.1)}#scroll-ring.ring-complete{animation:.8s ease-out ringPulse}@keyframes ringPulse{0%{transform:scale(1)}50%{filter:drop-shadow(0 0 12px #8b5cf6cc);transform:scale(1.25)}to{transform:scale(1)}}@media (max-width:768px){#scroll-ring{display:none}}@keyframes longPressRing{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(8)}}.long-press-ring{pointer-events:none;z-index:9995;border:2px solid #8b5cf680;border-radius:50%;width:30px;height:30px;animation:2s cubic-bezier(.16,1,.3,1) forwards longPressRing;position:fixed}#life-tip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);z-index:9999;opacity:0;pointer-events:none;background:#06060ae6;border-radius:99px;padding:10px 20px;font-size:12px;transition:opacity .4s,transform .4s;position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-20px)}#life-tip.show{opacity:1;transform:translate(-50%)translateY(0)}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:#06b6d4;z-index:-1;animation:2s linear infinite alternate-reverse glitchTop}.glitch:after{color:#f472b6;z-index:-2;animation:2.5s linear infinite alternate-reverse glitchBottom}@keyframes glitchTop{0%,to{transform:translate(0)}20%{transform:translate(-3px,-2px)}40%{transform:translate(3px,1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-1px)}}@keyframes glitchBottom{0%,to{transform:translate(0)}25%{transform:translate(3px,2px)}50%{transform:translate(-3px,-1px)}75%{transform:translate(2px,-2px)}}.glitch-scan{pointer-events:none;z-index:5;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#0000 0 2px,#8b5cf608 3px 3px);animation:8s linear infinite scanMove;position:fixed;inset:0}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(4px)}}[data-tilt-drag]{-webkit-user-select:none;user-select:none;touch-action:none}@media (prefers-reduced-motion:reduce){.char-hop-char,.parallax-shine,[data-sticky-label],#scroll-ring,.long-press-ring,.glitch:before,.glitch:after,.glitch-scan,.float,.ring-complete{transition:none!important;animation:none!important}[data-depth],[data-tilt-drag]{transform:none!important}}