:root{--bg: #05060c;--bg-2: #090b16;--panel: rgba(14, 18, 33, .72);--neon-1: #00f0ff;--neon-2: #ff1f8f;--text: #dfeaf2;--muted: #74879a;--line: rgba(0, 240, 255, .16);--glow: .95;--grid: rgba(0, 240, 255, .045);--neon-1-rgb: 0, 240, 255;--neon-2-rgb: 255, 31, 143}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 700px at 78% -8%,rgba(var(--neon-2-rgb),.1),transparent 60%),radial-gradient(1000px 800px at 12% 8%,rgba(var(--neon-1-rgb),.1),transparent 55%),linear-gradient(transparent 0,var(--bg) 70%),linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0 / 46px 46px,linear-gradient(180deg,var(--grid) 1px,transparent 1px) 0 0 / 46px 46px;background-color:var(--bg)}.kicker{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--neon-1);display:inline-flex;align-items:center;gap:.6em}.kicker:before{content:"";width:22px;height:1px;background:var(--neon-1);box-shadow:0 0 8px rgba(var(--neon-1-rgb),calc(.9 * var(--glow)))}h1,h2,h3{font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:.01em;line-height:1.02;margin:0}a{color:inherit;text-decoration:none}.app{position:relative;z-index:1}.wrap{width:min(1180px,92vw);margin:0 auto}.crt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;mix-blend-mode:overlay;opacity:calc(.55 * var(--glow));background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000008c,#0000 4px);animation:crt-roll 9s linear infinite}.crt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(var(--neon-1-rgb),.05),transparent 35%,rgba(var(--neon-2-rgb),.04));opacity:.5;animation:crt-flicker 5s steps(60) infinite}@keyframes crt-roll{to{background-position:0 220px}}@keyframes crt-flicker{0%,to{opacity:.5}50%{opacity:.42}73%{opacity:.55}}[data-scanlines=off] .crt{display:none}[data-reticle=on],[data-reticle=on] a,[data-reticle=on] button{cursor:none}.reticle{position:fixed;top:0;left:0;z-index:90;width:34px;height:34px;margin:-17px 0 0 -17px;pointer-events:none;mix-blend-mode:screen;transition:width .16s ease,height .16s ease,opacity .2s ease}.reticle .ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--neon-1);border-radius:50%;box-shadow:0 0 10px rgba(var(--neon-1-rgb),.8),inset 0 0 6px rgba(var(--neon-1-rgb),.5);opacity:.9}.reticle .dot{position:absolute;top:50%;left:50%;width:3px;height:3px;margin:-1.5px;background:var(--neon-2);border-radius:50%;box-shadow:0 0 8px var(--neon-2)}.reticle .tick{position:absolute;background:var(--neon-1);box-shadow:0 0 6px rgba(var(--neon-1-rgb),.9)}.reticle .tick.t{top:-7px;left:50%;width:1px;height:6px;margin-left:-.5px}.reticle .tick.b{bottom:-7px;left:50%;width:1px;height:6px;margin-left:-.5px}.reticle .tick.l{left:-7px;top:50%;height:1px;width:6px;margin-top:-.5px}.reticle .tick.r{right:-7px;top:50%;height:1px;width:6px;margin-top:-.5px}.reticle.hot{width:52px;height:52px}.reticle.hot .ring{border-color:var(--neon-2);box-shadow:0 0 14px var(--neon-2)}[data-reticle=off] .reticle{display:none}@media(hover:none){.reticle{display:none!important}[data-reticle]{cursor:auto}}.glitch{position:relative;display:inline-block;color:var(--text)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none;opacity:0}[data-glitch=on] .glitch:before{color:var(--neon-1);text-shadow:-2px 0 var(--neon-1);clip-path:inset(0 0 0 0);animation:glitch-1 3.6s infinite steps(2,end);opacity:.9}[data-glitch=on] .glitch:after{color:var(--neon-2);text-shadow:2px 0 var(--neon-2);animation:glitch-2 4.2s infinite steps(2,end);opacity:.9}.glitch.hot:before{animation-duration:.5s}.glitch.hot:after{animation-duration:.42s}@keyframes glitch-1{0%,to{clip-path:inset(0 0 92% 0);transform:translate(0)}8%{clip-path:inset(20% 0 55% 0);transform:translate(-3px)}9%{clip-path:inset(0 0 100% 0);transform:translate(0)}40%{clip-path:inset(0 0 100% 0)}41%{clip-path:inset(62% 0 12% 0);transform:translate(3px)}42%{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes glitch-2{0%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}18%{clip-path:inset(58% 0 18% 0);transform:translate(3px)}19%{clip-path:inset(0 0 100% 0);transform:translate(0)}62%{clip-path:inset(0 0 100% 0)}63%{clip-path:inset(28% 0 48% 0);transform:translate(-3px)}64%{clip-path:inset(0 0 100% 0);transform:translate(0)}}@media(prefers-reduced-motion:reduce){.glitch:before,.glitch:after{animation:none!important;opacity:0!important}.crt{animation:none!important}}.neon{color:var(--neon-1);text-shadow:0 0 calc(14px * var(--glow)) rgba(var(--neon-1-rgb),calc(.7 * var(--glow)))}.neon-2{color:var(--neon-2);text-shadow:0 0 calc(14px * var(--glow)) rgba(var(--neon-2-rgb),calc(.7 * var(--glow)))}.nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,46px);background:linear-gradient(var(--bg),rgba(5,6,12,.2));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav .brand{display:flex;align-items:center;gap:12px;font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:.12em}.nav .brand .mark{width:26px;height:30px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,var(--neon-1),var(--neon-2));color:#04060b;font-size:.86rem;box-shadow:0 0 14px rgba(var(--neon-1-rgb),calc(.55 * var(--glow)))}.nav .brand b{color:var(--text)}.nav .brand span{color:var(--muted);font-weight:400}.nav .links{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase}.nav .links a{color:var(--muted);position:relative;padding:4px 0;transition:color .18s ease}.nav .links a:before{content:"0" counter(navc) " ";counter-increment:navc;color:rgba(var(--neon-1-rgb),.5)}.nav .links{counter-reset:navc}.nav .links a:hover,.nav .links a.active{color:var(--neon-1)}.nav .links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--neon-1);box-shadow:0 0 8px var(--neon-1);transition:width .22s ease}.nav .links a:hover:after,.nav .links a.active:after{width:100%}.nav .status{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.18em;color:var(--muted)}.nav .status .led{width:7px;height:7px;border-radius:50%;background:var(--neon-1);box-shadow:0 0 8px var(--neon-1);animation:led-pulse 2.4s ease-in-out infinite}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:760px){.nav .links a:not(.cta){display:none}.nav .status{display:none}}.notch{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:130px 0 80px}.hero .wrap{width:min(1180px,92vw)}.hero .id-line{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--muted);letter-spacing:.06em;margin-bottom:26px;display:flex;flex-wrap:wrap;gap:8px 22px}.hero .id-line b{color:var(--neon-1);font-weight:500}.hero h1{font-size:clamp(3rem,11vw,8.4rem);line-height:.92;letter-spacing:-.01em;text-transform:uppercase}.hero h1 .l2{color:var(--muted);-webkit-text-stroke:1px var(--neon-1);color:transparent}.hero .role{margin-top:24px;font-family:Chakra Petch,sans-serif;font-weight:500;font-size:clamp(1.1rem,2.4vw,1.7rem);color:var(--text);letter-spacing:.02em}.hero .role .sep{color:var(--neon-2);margin:0 12px}.hero .blurb{margin-top:22px;max-width:56ch;color:var(--muted);font-size:1.02rem;text-wrap:pretty}.hero .cta-row{margin-top:38px;display:flex;flex-wrap:wrap;gap:14px}.hero .scrolldown{position:absolute;left:50%;bottom:26px;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.64rem;letter-spacing:.3em;color:var(--muted);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}.hero .scrolldown .bar{width:1px;height:38px;background:linear-gradient(var(--neon-1),transparent);animation:scrolldrop 1.8s ease-in-out infinite}@keyframes scrolldrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero .hud{position:absolute;right:max(4vw,24px);top:50%;transform:translateY(-50%);display:grid;gap:14px;text-align:right}.hero .hud .stat .n{font-family:Chakra Petch,sans-serif;font-weight:700;font-size:2.1rem;color:var(--neon-1);text-shadow:0 0 18px rgba(var(--neon-1-rgb),calc(.55 * var(--glow)))}.hero .hud .stat .k{font-family:JetBrains Mono,monospace;font-size:.64rem;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}@media(max-width:980px){.hero .hud{display:none}}.btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;padding:14px 22px;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;transition:color .18s,border-color .18s,background .18s,transform .12s;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px))}.btn .ar{color:var(--neon-1)}.btn:hover{color:#04060b;background:var(--neon-1);border-color:var(--neon-1)}.btn:hover .ar{color:#04060b}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent}.btn.ghost:hover{background:rgba(var(--neon-1-rgb),.1);color:var(--neon-1)}.btn.mag:hover{background:var(--neon-2);border-color:var(--neon-2)}.section{position:relative;padding:92px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:46px;border-bottom:1px solid var(--line);padding-bottom:18px}.section-head h2{font-size:clamp(1.8rem,4.4vw,3.1rem);text-transform:uppercase}.section-head .idx{font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.2em;color:var(--muted)}.section-head .idx b{color:var(--neon-1)}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}.hex-card{position:relative;background:var(--bg-2);border:1px solid var(--line);padding:26px 24px 22px;overflow:hidden;cursor:pointer;min-height:270px;display:flex;flex-direction:column;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));transition:transform .25s ease,border-color .25s ease}.hex-card:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;background:linear-gradient(115deg,var(--neon-1) 0%,var(--neon-2) 32%,var(--neon-1) 64%,var(--neon-2) 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%23fff' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v11.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%23fff' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v11.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/svg%3E");-webkit-mask-size:24px 42px;mask-size:24px 42px;background-size:260% 260%;opacity:0;filter:drop-shadow(0 0 3px rgba(var(--neon-1-rgb),.55));transform:translate(calc((var(--mx, .5) - .5) * -16px),calc((var(--my, .5) - .5) * -16px));transition:opacity .4s ease,transform .25s ease;pointer-events:none;animation:holoFlow 5.5s linear infinite,hexDrift 16s linear infinite}.hex-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(150% 85% at calc(var(--mx, .5) * 100%) calc(var(--my, .25) * 90%),rgba(var(--neon-1-rgb),.22),transparent 60%);opacity:0;transition:opacity .4s ease,background .2s ease;pointer-events:none}.hex-card:hover{transform:translateY(-6px);border-color:rgba(var(--neon-1-rgb),.55);box-shadow:0 18px 44px -24px rgba(var(--neon-1-rgb),.65),0 0 0 1px rgba(var(--neon-1-rgb),.08);animation:cardMaterialize .55s steps(1,end) 1}.hex-card:hover:before{opacity:calc(.9 * var(--glow))}.hex-card:hover:after{opacity:1}.hex-card .holo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .45s ease;background:linear-gradient(180deg,transparent 26%,rgba(4,6,12,.42) 56%,rgba(4,6,12,.8) 100%)}.hex-card:hover .holo{opacity:1}.hex-card .holo:before{content:"";position:absolute;left:0;right:0;top:0;height:84px;background:linear-gradient(to bottom,transparent,rgba(var(--neon-1-rgb),.12) 52%,rgba(var(--neon-1-rgb),.7) 82%,#eafdff 92%,rgba(var(--neon-2-rgb),.55) 96%,transparent);mix-blend-mode:screen;transform:translateY(-130%);animation:scanBeam 2.9s cubic-bezier(.55,0,.45,1) infinite}.hex-card .holo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 18% 26%,rgba(var(--neon-1-rgb),.95) 0 1.6px,transparent 2.4px),radial-gradient(circle at 73% 18%,rgba(var(--neon-2-rgb),.95) 0 1.6px,transparent 2.4px),radial-gradient(circle at 90% 46%,rgba(var(--neon-1-rgb),.95) 0 1.5px,transparent 2.3px),radial-gradient(circle at 9% 50%,rgba(var(--neon-1-rgb),.95) 0 1.5px,transparent 2.3px),radial-gradient(circle at 50% 12%,rgba(var(--neon-2-rgb),.95) 0 1.4px,transparent 2.2px);filter:drop-shadow(0 0 6px rgba(var(--neon-1-rgb),.85));transform:translate(calc((var(--mx, .5) - .5) * 22px),calc((var(--my, .5) - .5) * 22px));transition:transform .25s ease;animation:nodeTwinkle 2.1s steps(1,end) infinite}@keyframes holoFlow{0%{background-position:0% 0%}to{background-position:260% 130%}}@keyframes hexDrift{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 -42px;mask-position:0 -42px}}@keyframes scanBeam{0%{transform:translateY(-130%);opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translateY(760%);opacity:0}}@keyframes nodeTwinkle{0%,to{opacity:.3}22%{opacity:.95}48%{opacity:.45}70%{opacity:1}84%{opacity:.6}}@keyframes cardMaterialize{0%{box-shadow:0 0 0 1px rgba(var(--neon-1-rgb),.9)}16%{box-shadow:0 0 0 1px transparent}32%{box-shadow:0 0 0 1px rgba(var(--neon-2-rgb),.7)}48%{box-shadow:0 0 26px -8px rgba(var(--neon-1-rgb),.5)}to{box-shadow:0 18px 44px -24px rgba(var(--neon-1-rgb),.65)}}@media(prefers-reduced-motion:reduce){.hex-card:before,.hex-card .holo:before,.hex-card .holo:after,.hex-card:hover{animation:none!important}}.hex-card .pc-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.hex-card .pc-desc{transition:color .35s ease}.hex-card:hover .pc-desc{color:#cdd9e2;text-shadow:0 1px 3px rgba(0,0,0,.75)}.hex-card:hover h3{text-shadow:0 2px 12px rgba(0,0,0,.6)}.hex-card:hover .chip{background:#04060c99}.hex-card .pc-no{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted);letter-spacing:.14em}.hex-card .pc-tag{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-2);border:1px solid rgba(var(--neon-2-rgb),.4);padding:3px 8px}.hex-card h3{position:relative;z-index:2;margin-top:28px;font-size:1.9rem;text-transform:uppercase;letter-spacing:.02em}.hex-card .pc-desc{position:relative;z-index:2;margin-top:12px;color:var(--muted);font-size:.94rem;flex:1;text-wrap:pretty}.hex-card .pc-stack{position:relative;z-index:2;margin-top:18px;display:flex;flex-wrap:wrap;gap:7px}.chip{font-family:JetBrains Mono,monospace;font-size:.64rem;letter-spacing:.06em;color:var(--text);background:rgba(var(--neon-1-rgb),.07);border:1px solid var(--line);padding:4px 9px}.hex-card .pc-go{position:relative;z-index:2;margin-top:18px;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--neon-1);display:inline-flex;align-items:center;gap:8px;opacity:0;transform:translate(-6px);transition:opacity .25s,transform .25s}.hex-card:hover .pc-go{opacity:1;transform:translate(0)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.skill-col{background:var(--panel);border:1px solid var(--line);padding:22px 20px;position:relative}.skill-col:before{content:"";position:absolute;top:0;left:0;width:38px;height:2px;background:var(--neon-1);box-shadow:0 0 10px var(--neon-1)}.skill-col h4{font-family:Chakra Petch,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.92rem;color:var(--text);margin:0 0 16px}.skill-col h4 span{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.68rem;float:right}.skill-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.skill-col li{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:.82rem;color:var(--text)}.skill-col li .bullet{color:var(--neon-2)}.skill-col li .meter{flex:1;height:4px;background:#ffffff0f;position:relative;overflow:hidden}.skill-col li .meter i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--neon-1),var(--neon-2));box-shadow:0 0 8px rgba(var(--neon-1-rgb),.6)}.timeline{position:relative;margin-left:8px}.timeline:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:linear-gradient(var(--neon-1),var(--neon-2));opacity:.55}.tl-item{position:relative;padding:0 0 40px 38px}.tl-item:last-child{padding-bottom:0}.tl-item .node{position:absolute;left:-5px;top:4px;width:11px;height:11px;background:var(--bg);border:1px solid var(--neon-1);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 10px rgba(var(--neon-1-rgb),calc(.7*var(--glow)))}.tl-item .yr{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.14em;color:var(--neon-1)}.tl-item h4{font-family:Chakra Petch,sans-serif;font-weight:600;font-size:1.2rem;margin:6px 0 2px}.tl-item .org{color:var(--text);font-size:.92rem}.tl-item .org b{color:var(--neon-2);font-weight:500}.tl-item p{color:var(--muted);font-size:.9rem;margin:8px 0 0;max-width:62ch;text-wrap:pretty}.contact-card{position:relative;border:1px solid var(--line);background:linear-gradient(rgba(var(--neon-1-rgb),.04),rgba(var(--neon-2-rgb),.04)),var(--bg-2);padding:clamp(34px,6vw,64px);overflow:hidden}.contact-card:after{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(var(--neon-2-rgb),.18),transparent 70%);pointer-events:none}.contact-card h2{font-size:clamp(2rem,6vw,4rem);text-transform:uppercase;line-height:.98}.contact-card p{color:var(--muted);max-width:48ch;margin:16px 0 30px}.contact-links{display:flex;flex-wrap:wrap;gap:12px}.contact-links a{font-family:JetBrains Mono,monospace;font-size:.78rem;letter-spacing:.1em;padding:12px 18px;border:1px solid var(--line);color:var(--text);display:inline-flex;align-items:center;gap:10px;transition:all .18s;background:#ffffff04}.contact-links a .k{color:var(--muted)}.contact-links a:hover{border-color:var(--neon-1);color:var(--neon-1);background:rgba(var(--neon-1-rgb),.07)}.foot{border-top:1px solid var(--line);padding:30px 0 80px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.1em;color:var(--muted)}.foot b{color:var(--neon-1)}.detail{min-height:100vh;padding:110px 0 70px}.detail .back{font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:none;border:none;padding:0;transition:color .16s}.detail .back:hover{color:var(--neon-1)}.detail .d-head{margin-top:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap}.detail .d-no{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--neon-2);letter-spacing:.16em}.detail h1{font-size:clamp(2.6rem,8vw,6rem);text-transform:uppercase;margin-top:10px;line-height:.9}.detail .d-tag{margin-top:18px;font-family:Chakra Petch,sans-serif;font-weight:500;font-size:clamp(1.1rem,2.4vw,1.6rem);color:var(--text)}.detail .d-meta{display:grid;gap:14px;min-width:200px}.detail .d-meta .row .k{font-family:JetBrains Mono,monospace;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.detail .d-meta .row .v{font-family:Chakra Petch,sans-serif;font-weight:600;color:var(--neon-1);margin-top:3px}.detail .d-body{margin-top:46px;display:grid;grid-template-columns:1.4fr 1fr;gap:34px;align-items:start}@media(max-width:880px){.detail .d-body{grid-template-columns:1fr}}.detail .d-body p{color:var(--muted);font-size:1.02rem;text-wrap:pretty}.detail .d-body p+p{margin-top:16px}.detail .panel{background:var(--panel);border:1px solid var(--line);padding:22px}.detail .panel h5{font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.detail .panel .stack-list{display:flex;flex-wrap:wrap;gap:8px}.detail .d-links{margin-top:18px;display:grid;gap:10px}.ph{position:relative;width:100%;border:1px solid var(--line);background:repeating-linear-gradient(135deg,rgba(var(--neon-1-rgb),.06) 0 10px,transparent 10px 20px),var(--bg-2);display:grid;place-items:center;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;aspect-ratio:16 / 10}.ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,transparent,rgba(var(--neon-1-rgb),.05));pointer-events:none}.ph .label{display:inline-flex;align-items:center;gap:9px;z-index:1}.ph .corner{position:absolute;width:12px;height:12px;border:1px solid var(--neon-1)}.ph .corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}.ph .corner.tr{top:8px;right:8px;border-left:none;border-bottom:none}.ph .corner.bl{bottom:8px;left:8px;border-right:none;border-top:none}.ph .corner.br{bottom:8px;right:8px;border-left:none;border-top:none}.shot{position:relative;width:100%;padding:10px;border:1px solid var(--line);background:var(--bg-2)}.shot img{display:block;width:100%;height:auto}.shot .corner{position:absolute;width:12px;height:12px;border:1px solid var(--neon-1);z-index:1}.shot .corner.tl{top:8px;left:8px;border-right:none;border-bottom:none}.shot .corner.tr{top:8px;right:8px;border-left:none;border-bottom:none}.shot .corner.bl{bottom:8px;left:8px;border-right:none;border-top:none}.shot .corner.br{bottom:8px;right:8px;border-left:none;border-top:none}.detail .d-next{margin-top:50px;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.detail .d-next .nx{font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color .16s;background:none;border:none;display:inline-flex;flex-direction:column;gap:5px}.detail .d-next .nx.r{text-align:right;align-items:flex-end}.detail .d-next .nx:hover{color:var(--neon-1)}.detail .d-next .nx b{font-family:Chakra Petch,sans-serif;font-size:1.05rem;color:var(--text);letter-spacing:.02em}.detail .d-next .nx:hover b{color:var(--neon-1)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}.route-fade{animation:routefade .42s ease both}@keyframes routefade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}