:root{--bg-primary:#050505;--gold:#d4af37;--gold-light:#f5d77a;--gold-glow:#d4af3766;--text-primary:#fff;--text-secondary:#a1a1a1;--border-gold:#d4af374d;--gradient-gold:linear-gradient(135deg,#d4af37 0%,#f5d77a 50%,#d4af37 100%);--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary)}.not-found-page{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.watermark{font-family:var(--font-display);letter-spacing:.02em;-webkit-text-stroke:2px #d4af371f;-webkit-text-fill-color:transparent;color:#0000;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(100px,20vw,280px);font-weight:800;position:fixed;bottom:-.15em;left:50%;transform:translate(-50%)}.container{text-align:center;z-index:10;max-width:600px;margin-bottom:80px;padding:2rem}.badge{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d;border-radius:50px;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:.6rem 1.25rem;font-size:.85rem;display:inline-flex}.badge:before{content:"";background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.code-404{font-family:var(--font-display);letter-spacing:-.03em;-webkit-text-stroke:2px var(--gold);-webkit-text-fill-color:transparent;color:#0000;margin-bottom:1.5rem;font-size:clamp(5rem,18vw,10rem);font-weight:800;line-height:1}.title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:700}.title .white{color:var(--text-primary)}.title .gold{color:var(--gold)}.message{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.7}.code-snippet{border:1px solid var(--border-gold);color:#fffc;background:#0f0f0ff2;border-radius:8px;margin-bottom:2.5rem;padding:.75rem 1.25rem;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;display:inline-block}.code-snippet .kw{color:var(--gold)}.code-snippet .str{color:#4ade80}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{font-size:.9rem;font-weight:600;font-family:var(--font-body);border-radius:4px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-gold);color:#000}.btn-primary:hover{box-shadow:0 0 40px var(--gold-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);background:0 0}.btn-secondary:hover{color:var(--gold)}.btn-secondary:hover svg{transform:translate(4px)}.btn-secondary svg{transition:transform .3s}.footer{color:var(--text-secondary);z-index:20;background:var(--bg-primary);padding:.5rem 1rem;font-size:.85rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.footer em{color:var(--gold)}.footer a{color:var(--gold);text-decoration:none}.footer a:hover{color:var(--gold-light)}@media (max-width:640px){.container{margin-bottom:60px;padding:1.5rem}.buttons{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.watermark{-webkit-text-stroke:1px #d4af371a;font-size:60px}.footer{font-size:.75rem;bottom:1rem}}