.not-found-body{background:var(--bg);color:var(--white);font-family:Syne,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin:0;padding:0}.side-text{position:fixed;right:2.5rem;top:50%;transform:translateY(-50%) rotate(90deg);font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.25em;color:var(--gray);white-space:nowrap}.not-found-container{position:relative;z-index:1;display:flex;gap:2.5rem;align-items:flex-start;max-width:1100px;width:100%;padding:2rem 3rem}.nf-content{flex:1;min-width:0}.nf-eyebrow{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.18em;color:var(--gray);margin-bottom:1.5rem}.nf-hero-num{font-family:Bebas Neue,sans-serif;font-size:clamp(7rem,16vw,13rem);line-height:.85;display:block}.nf-hero-outline{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,6.5rem);line-height:1;-webkit-text-stroke:1.5px var(--white);color:transparent;letter-spacing:.03em;display:block}.nf-desc{margin-top:2.2rem;font-size:.85rem;line-height:1.8;color:var(--muted-text);max-width:360px}.nf-desc strong{color:var(--white);font-weight:700}.nf-actions{margin-top:2.5rem;display:flex;gap:1rem;flex-wrap:wrap}.nf-btn-primary{display:inline-block;padding:.85rem 1.8rem;background:var(--accent);color:var(--on-accent);font-family:DM Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:opacity .2s,transform .2s}.nf-btn-primary:hover{opacity:.82;transform:translateY(-2px)}.nf-btn-ghost{display:inline-block;padding:.85rem 1.8rem;border:1px solid var(--border);color:var(--white);font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:background .2s,transform .2s}.nf-btn-ghost:hover{background:var(--surface);transform:translateY(-2px)}.nf-panel{width:270px;flex-shrink:0;border:1px solid var(--border);display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--bg)}.gif-wrap{width:100%;aspect-ratio:1;background:#0d0d14;position:relative;overflow:hidden}.stars{position:absolute;inset:0}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--d, 2s) ease-in-out infinite var(--delay, 0s)}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.1}}.planet{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#2a3a6a,#0d1530);box-shadow:inset -14px -10px #0006,0 0 40px #3250b433}.planet:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(15deg,transparent 0px,transparent 8px,rgba(255,255,255,.03) 8px,rgba(255,255,255,.03) 10px)}.planet-ring{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:190px;height:28px;border-radius:50%;border:2.5px solid rgba(100,140,255,.25);pointer-events:none}.astro-wrap{position:absolute;top:18px;left:50%;transform:translate(-50%);animation:nfFloat 3.5s ease-in-out infinite}@keyframes nfFloat{0%,to{transform:translate(-50%) translateY(0) rotate(-3deg)}50%{transform:translate(-50%) translateY(-10px) rotate(3deg)}}.tether{position:absolute;left:50%;top:102px;width:1px;height:30px;background:#ffffff40;transform:translate(-50%);animation:tetherWiggle 3.5s ease-in-out infinite}@keyframes tetherWiggle{0%,to{transform:translate(-50%) rotate(-2deg) scaleY(1)}50%{transform:translate(-50%) rotate(2deg) scaleY(.85)}}.glitch-line{position:absolute;left:0;right:0;height:2px;background:#b0f03d2e;animation:glitchScan 4s linear infinite}@keyframes glitchScan{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.nf-flicker{position:absolute;inset:0;background:#b0f03d08;animation:flicker 7s step-end infinite;pointer-events:none}@keyframes flicker{0%,97%,to{opacity:0}98%{opacity:1}99%{opacity:0}}.signal-text{position:absolute;bottom:12px;left:14px;font-family:DM Mono,monospace;font-size:7px;color:var(--accent);letter-spacing:.15em;animation:nfBlink 1.4s step-end infinite}@keyframes nfBlink{0%,to{opacity:1}50%{opacity:0}}.signal-bar{position:absolute;bottom:12px;right:14px;display:flex;gap:2px;align-items:flex-end}.signal-bar span{display:block;width:3px;background:#444;border-radius:1px}.signal-bar span:nth-child(1){height:4px;background:var(--accent)}.signal-bar span:nth-child(2){height:7px;background:var(--accent)}.signal-bar span:nth-child(3){height:10px;background:#555;animation:noSignal 1.8s step-end infinite}.signal-bar span:nth-child(4){height:13px;background:#555;animation:noSignal 1.8s .2s step-end infinite}@keyframes noSignal{0%,to{background:#555}40%{background:var(--accent)}}.panel-info{padding:1.2rem 1.4rem;display:flex;flex-direction:column;gap:1rem;background:var(--bg)}.panel-row{display:flex;justify-content:space-between;align-items:baseline}.stat-num{font-family:Bebas Neue,sans-serif;font-size:2.4rem;line-height:1;color:var(--gray)}.stat-num .sup{font-family:DM Mono,monospace;font-size:.6rem;color:var(--accent);vertical-align:super;margin-left:2px}.stat-label{font-size:.58rem;letter-spacing:.2em;color:var(--gray);text-transform:uppercase;font-family:DM Mono,monospace}.panel-divider{height:1px;background:var(--border)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.skill-tag{border:1px solid var(--border);padding:.4rem .5rem;font-size:.58rem;font-family:DM Mono,monospace;letter-spacing:.12em;color:var(--gray);text-align:center}@keyframes wave{0%,to{transform:rotate(0)}30%{transform:rotate(18deg)}60%{transform:rotate(-10deg)}}@media(max-width:760px){.not-found-container{flex-direction:column;padding:5rem 1.5rem 2rem}.nf-panel{width:100%}.side-text{display:none}}
