.dm-not-found{--bg:#0b0d17;--surface:#131626;--border:#1e2035;--primary:#f59e0b;--accent:#fde68a;--data:#6ee7b7;--text:#f0f0f2;--text-muted:#d9dbe8;--text-dim:#cdd1e2;--transition-ui:.15s cubic-bezier(.25, .46, .45, .94);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;padding:120px 0 48px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}.dm-not-found,.dm-not-found *,.dm-not-found :before,.dm-not-found :after{box-sizing:border-box;margin:0}.dm-not-found a{color:inherit;text-decoration:none}.dm-not-found a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.dm-not-found .nf-container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.dm-not-found .nf-inner{max-width:900px;margin:0 auto}.dm-not-found .nf-code{color:var(--primary);text-shadow:4px 4px #78350f8c;font-family:"Press Start 2P",monospace;font-size:clamp(40px,14vw,64px);line-height:1.15;animation:3.4s steps(2,start) infinite dm-not-found-blink}@keyframes dm-not-found-blink{0%,89%{opacity:1}90%,to{opacity:.45}}.dm-not-found .nf-title{letter-spacing:-.03em;margin-top:32px;font-family:Archivo,Inter,sans-serif;font-size:clamp(22px,2.6vw,34px);font-weight:700;font-stretch:125%;line-height:1.1}.dm-not-found .nf-title em{color:var(--accent);font-style:normal}.dm-not-found .nf-text{max-width:58ch;color:var(--text-dim);margin-top:12px;font-size:clamp(16px,1.2vw,18px);line-height:1.7}.dm-not-found .nf-actions{flex-wrap:wrap;gap:14px;margin-top:36px;display:flex}.dm-not-found .nf-button{width:100%;min-height:44px;transition:background var(--transition-ui), border-color var(--transition-ui), transform var(--transition-ui);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-size:14px;font-weight:700;display:inline-flex}.dm-not-found .nf-button-primary{background:var(--primary);color:var(--bg)}.dm-not-found .nf-button-primary:hover{background:var(--accent);transform:translateY(-2px)}.dm-not-found .nf-button-outline{border-color:var(--border)}.dm-not-found .nf-button-outline:hover{border-color:var(--text);transform:translateY(-2px)}.dm-not-found .nf-button:active{transform:translateY(0)}.dm-not-found .nf-recent{border-top:1px solid var(--border);margin-top:48px;padding-top:48px}.dm-not-found .nf-recent-label{color:var(--accent);letter-spacing:.03em;text-transform:uppercase;background:#090c1a;border:1px solid #292d4d;padding:10px 12px 9px;font-family:"Press Start 2P",monospace;font-size:8px;font-weight:400;line-height:1.35;display:inline-block;box-shadow:4px 4px #00000038}.dm-not-found .nf-recent-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:24px;display:grid}.dm-not-found .nf-card{background:var(--surface);border:1px solid var(--border);min-width:0;transition:border-color var(--transition-ui), transform var(--transition-ui);border-radius:20px;flex-direction:column;gap:8px;padding:20px 22px;display:flex}.dm-not-found .nf-card:hover{border-color:#f59e0b73;transform:translateY(-3px)}.dm-not-found .nf-card-meta{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-family:JetBrains Mono,monospace;display:flex}.dm-not-found .nf-card-date{color:var(--text-muted);font-size:11px;font-weight:500}.dm-not-found .nf-card-category{text-transform:uppercase;letter-spacing:.08em;color:var(--data);font-size:10px;font-weight:500}.dm-not-found .nf-card-title{letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--text);transition:color var(--transition-ui);font-family:Archivo,Inter,sans-serif;font-size:15.5px;font-weight:700;line-height:1.3}.dm-not-found .nf-card:hover .nf-card-title{color:var(--primary)}@media (min-width:601px){.dm-not-found{padding-top:112px}.dm-not-found .nf-code{font-size:clamp(44px,8vw,96px)}.dm-not-found .nf-button{width:auto}.dm-not-found .nf-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1025px){.dm-not-found .nf-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.dm-not-found .nf-code{animation:none}.dm-not-found *,.dm-not-found :before,.dm-not-found :after{transition:none}.dm-not-found .nf-button:hover,.dm-not-found .nf-card:hover{transform:none}}
