:root{--bg: #02020a;--fg: #ececf5;--muted: #8b8ba3;--line: rgba(255,255,255,.09);--p: #7c6cff;--c: #38bdf8;--card: rgba(18,18,30,.65);--ease: cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:Space Grotesk,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}b{color:#fff;font-weight:600}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.muted{color:var(--muted)}.grad{background:linear-gradient(90deg,var(--p),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}::selection{background:var(--p);color:#000}.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}main,.nav,.foot{position:relative;z-index:2}html.lock,html.lock body{overflow:hidden}.nav{position:fixed}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.6rem;border-radius:999px;font-weight:500;border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;font:inherit;transition:transform .3s var(--ease),box-shadow .3s}.btn i{font-style:normal;transition:transform .3s var(--ease)}.btn:hover{transform:translateY(-3px)}.btn:hover i{transform:translate(4px)}.btn.glow{background:linear-gradient(135deg,var(--p),#5b4bff);color:#0b0b14;font-weight:700;border:0;box-shadow:0 0 #7c6cff80;animation:pulse 2.4s infinite}.btn.ghost:hover{border-color:var(--p)}@keyframes pulse{70%{box-shadow:0 0 0 16px #7c6cff00}to{box-shadow:0 0 #7c6cff00}}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,3rem);backdrop-filter:blur(14px);background:linear-gradient(#02020acc,#02020a00)}.logo{font-weight:600}.logo span{color:var(--p)}.nav div{display:flex;gap:1.6rem;font-size:.9rem;color:var(--muted)}.nav div a{position:relative;transition:color .2s}.nav div a:after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:var(--p);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav div a:hover{color:#fff}.nav div a:hover:after{transform:scaleX(1)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:7rem clamp(1.2rem,6vw,6rem) 4rem;position:relative}.kicker{color:var(--p)}.mega{font-family:Syne,Space Grotesk,sans-serif;font-feature-settings:"lnum";font-weight:800;font-size:clamp(3.6rem,14.5vw,12rem);line-height:1;letter-spacing:-.01em;display:flex;gap:.04em;margin:.3rem 0 .2rem;filter:drop-shadow(0 0 40px rgba(99,102,241,.45))}.mega span{color:transparent;background:linear-gradient(180deg,#fff,#d4d8ff 40%,#7c6cff 78%,#3b2fc9);-webkit-background-clip:text;background-clip:text}.mega span:nth-child(2n){background-image:linear-gradient(180deg,#e8eaff,#8fb4ff 38%,#4f6bff 75%,#2a2fa8)}.lead{max-width:38rem;font-size:clamp(1.05rem,2vw,1.35rem);color:#c5c5d8;margin:1.2rem 0 2rem}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.stats{display:flex;gap:clamp(1.5rem,5vw,4rem);margin-top:3.5rem;flex-wrap:wrap}.stats b{display:block;font-size:2.4rem;line-height:1}.stats span{color:var(--muted);font-size:.85rem}.scroll{position:absolute;bottom:1.5rem;left:50%;translate:-50% 0;color:var(--muted);font-size:.7rem;writing-mode:vertical-rl;display:flex;align-items:center;gap:.6rem}.scroll:after{content:"";width:1px;height:40px;background:linear-gradient(var(--p),transparent);animation:drop 1.8s infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero-in{opacity:0;transform:translateY(60px)}.mega .hero-in{transform:translateY(100%) rotate(6deg)}html.ready .hero-in{animation:heroIn 1.1s calc(var(--d) * .09s + .3s) var(--ease) forwards}.sec{padding:clamp(4rem,10vw,8rem) clamp(1.2rem,6vw,6rem);max-width:1300px;margin:0 auto}.sec-title{font-size:clamp(2rem,5vw,3.6rem);letter-spacing:-.03em;margin-bottom:2rem;display:flex;align-items:baseline;gap:1rem}.sec-title .mono{font-size:.9rem;color:var(--p)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;font-size:1.15rem;color:#c5c5d8}.code{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.5rem;font-size:.9rem;overflow-x:auto;line-height:1.8}.k{color:#ff79c6}.f{color:#50fa7b}.s{color:#f1fa8c}.stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.stack-box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.5rem;transition:border-color .3s,translate .3s var(--ease)}.stack-box:hover{border-color:var(--p);translate:0 -4px}.stack-box h3{font-size:.8rem;color:var(--c);margin-bottom:1rem;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips span{padding:.3rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.85rem;transition:background .25s,color .25s}.chips span:hover{background:var(--p);color:#000}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1.2rem;margin-top:2rem;perspective:1000px}.card{--mx: 50%;--my: 50%;--rx: 0deg;--ry: 0deg;position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.6rem;border-radius:20px;background:var(--card);border:1px solid var(--line);overflow:hidden;transform:translateY(40px) rotateX(var(--rx)) rotateY(var(--ry));transition:opacity .9s var(--ease),transform .35s var(--ease),border-color .3s}.card.in{opacity:1;transform:rotateX(var(--rx)) rotateY(var(--ry))}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(124,108,255,.18),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{border-color:#7c6cff80}.card:hover:before{opacity:1}.card-top{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.card h3{font-size:1.5rem;letter-spacing:-.02em}.card p{color:#aaaabf;font-size:.95rem;flex:1}.card-meta{display:flex;gap:1rem;font-size:.78rem;color:var(--muted);flex-wrap:wrap}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.4rem}.card-links{display:flex;gap:1rem;font-size:.9rem;margin-top:.3rem}.card-links a{color:var(--p);transition:color .2s,translate .2s}.card-links a:hover{color:#fff;translate:2px -2px}.more{display:inline-block;margin-top:2rem;color:var(--p)}.big{font-size:clamp(2.2rem,7vw,5.5rem);letter-spacing:-.04em;line-height:1.05;margin-bottom:2.5rem;font-weight:700}.links{list-style:none;border-top:1px solid var(--line)}.links li{border-bottom:1px solid var(--line)}.links a{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:1rem;padding:1.2rem .5rem;transition:padding .4s var(--ease),background .3s}.links a:hover{padding-left:1.5rem;background:linear-gradient(90deg,rgba(124,108,255,.1),transparent)}.links .mono{color:var(--muted);font-size:.8rem}.links em{font-style:normal;font-size:clamp(1rem,2.5vw,1.5rem);overflow-wrap:anywhere}.links i{font-style:normal;color:var(--p);transition:transform .3s var(--ease)}.links a:hover i{transform:translate(4px,-4px)}.foot{text-align:center;padding:3rem 1rem;color:var(--muted);font-size:.75rem;border-top:1px solid var(--line)}@media(max-width:760px){.about{grid-template-columns:1fr}.nav div a:not(:last-child){display:none}.links a{grid-template-columns:5rem 1fr auto}.scroll{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#0c0f45,#03031a,#02020a)}.backdrop canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s}.backdrop canvas.on{opacity:1}.bd-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 40%,rgba(0,0,0,.7) 100%)}body.portfolio .backdrop:after{content:"";position:absolute;inset:0;background:#02020a59}.intro{position:fixed;inset:0;z-index:100;pointer-events:none}.intro.loading{pointer-events:auto}.ih{position:absolute;left:0;right:0;height:50.1%;background:#07070c;overflow:clip;transition:transform 1.3s cubic-bezier(.76,0,.24,1);will-change:transform}.ih-top{top:0;transform-origin:bottom left}.ih-bot{bottom:0;transform-origin:top right}.intro.open .ih-top{transform:translateY(-101%) rotate(-2deg)}.intro.open .ih-bot{transform:translateY(101%) rotate(-2deg)}.ih-wrap{position:absolute;left:50%;font-feature-settings:"lnum";font-variant-numeric:lining-nums;font-family:Syne,Space Grotesk,sans-serif;font-weight:800;font-size:clamp(2.6rem,11vw,9rem);color:#d9dbea}.ih-top .ih-wrap{bottom:0;transform:translate(-50%,.55em)}.ih-bot .ih-wrap{top:0;transform:translate(-50%,-.55em)}.iw{display:flex;gap:.45em;height:1.1em;line-height:1.1}.iw-l{display:block;overflow:clip;height:1.1em}.iw-l span{display:block;transform:translateY(var(--from));animation:letterIn 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes letterIn{to{transform:none}}.ih-line{position:relative;margin-top:.55em;height:1px;background:#d9dbea2e}.ih-line i{position:absolute;inset:0;background:#d9dbea;transform-origin:left;transform:scaleX(.01);box-shadow:0 0 10px #7c6cffcc}.ih-count{margin-top:.7rem;text-align:center;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:clamp(.7rem,1.1vw,.9rem);letter-spacing:.08em;color:#aeb1c8;font-variant-numeric:tabular-nums;transition:opacity .3s}.intro.open .ih-count,.intro.open .ih-line{opacity:0;transition:opacity .3s}.land{overflow:clip;--rx: 0deg;--ry: 0deg;--tx: 0px;position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.2rem 6rem;perspective:900px}.land-kicker{color:var(--c);letter-spacing:.3em;font-size:.8rem;margin-bottom:1rem}.land-title{display:flex;font-size:clamp(5.5rem,22vw,15rem);line-height:.95;letter-spacing:-.05em;font-weight:700;transform:translate(var(--tx)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s ease-out}.land-title span{position:relative;display:inline-block;cursor:default;color:#fff;text-shadow:0 0 70px rgba(124,108,255,.6)}.land-title span:nth-child(2n){background:linear-gradient(180deg,#b8c2ff,#4f46e5 85%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 28px rgba(99,102,241,.7))}.land-title span:before,.land-title span:after{content:attr(data-t);position:absolute;inset:0;opacity:0;pointer-events:none;-webkit-text-fill-color:currentColor}.land-title span:before{color:#38bdf8}.land-title span:after{color:#ff4d9d}.land-title span:hover:before{animation:glitchA .45s steps(2) infinite;opacity:.8}.land-title span:hover:after{animation:glitchB .45s steps(2) infinite;opacity:.8}@keyframes glitchA{0%{transform:translate(-4px,2px);clip-path:inset(10% 0 55% 0)}50%{transform:translate(5px,-2px);clip-path:inset(60% 0 8% 0)}to{transform:translate(-3px);clip-path:inset(30% 0 35% 0)}}@keyframes glitchB{0%{transform:translate(4px,-2px);clip-path:inset(55% 0 12% 0)}50%{transform:translate(-5px,2px);clip-path:inset(8% 0 60% 0)}to{transform:translate(3px);clip-path:inset(40% 0 25% 0)}}.land-sub{font-size:clamp(1.1rem,2.6vw,1.7rem);margin-top:1.2rem;color:#d6d9ff}.land-tags{margin:.8rem 0 2.2rem;color:var(--muted);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;min-height:1.4em}.land-cta{padding:1.05rem 2.2rem;font-size:1.05rem;transition:transform .3s var(--ease),translate .2s ease-out;position:relative;overflow:hidden}.land-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-120% 0;animation:shine 3.2s 1.5s infinite}@keyframes shine{45%,to{translate:120% 0}}.land-foot{position:absolute;bottom:1.2rem;left:0;right:0;display:flex;justify-content:center;gap:.8rem;color:var(--muted);font-size:.75rem}.land-foot a:hover{color:#fff}.l-in{opacity:0;transform:translateY(50px)}html.ready .l-in{animation:heroIn 1.2s calc(var(--d) * .1s + .15s) var(--ease) forwards}.land-title .l-in{transform:translateY(100%) rotate(8deg) scale(.8);filter:blur(12px)}html.ready .land-title .l-in{animation:titleIn 1.3s calc(var(--d) * .12s + .1s) var(--ease) forwards}@keyframes titleIn{to{opacity:1;transform:none;filter:blur(0)}}@keyframes heroIn{to{opacity:1;transform:none}}.marquee{position:relative;z-index:2;overflow:hidden;border-block:1px solid var(--line);padding:.8rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.land .marquee{position:absolute;left:0;right:0;bottom:3.4rem;border:0;padding:0}.marquee-track{display:flex;width:max-content;gap:2rem;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#9aa0d8;animation:marq 40s linear infinite}.marquee-track span{display:inline-flex;align-items:center;gap:2rem;white-space:nowrap}.marquee-track b{color:var(--p);font-weight:400}@keyframes marq{to{transform:translate(-50%)}}.wipe{position:fixed;inset:0;z-index:95;display:flex;pointer-events:none}.wipe i{flex:1;background:linear-gradient(#04041f,#0b0b44);border-right:1px solid rgba(124,108,255,.18);transform:scaleY(0);transform-origin:bottom}body.leaving .wipe i{animation:wipeOut .55s calc(var(--i) * .07s) var(--ease) forwards}html.wipe-in .wipe i{transform:scaleY(1);transform-origin:top;animation:wipeIn .7s calc(var(--i) * .07s + .1s) var(--ease) forwards}@keyframes wipeOut{to{transform:scaleY(1)}}@keyframes wipeIn{to{transform:scaleY(0)}}body.leaving .land{transition:transform .8s var(--ease),opacity .6s;transform:scale(.94);opacity:0}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--c),var(--p));box-shadow:0 0 12px var(--p)}@media(prefers-reduced-motion:reduce){.marquee-track,.land-cta:after{animation:none!important}}