/* archived — 404 sayfası (barkodlu "arşivde yok" etiketi). Renkler temadan gelir. */
.nf{--accent:var(--wine,#d6336c);--k:1;position:relative;display:grid;place-items:center;min-height:min(640px,calc(100dvh - 220px));padding:24px 0;text-align:center;color:var(--ink)}
.nf-full{position:fixed;inset:0;min-height:0;padding:0;background:radial-gradient(80% 60% at 50% 34%,var(--surface),var(--cream-deep,#f3ece8))}
.nf-copy{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:640px;padding:0 20px}
.nf-label{flex:none;width:min(88vw,430px);height:auto;margin-bottom:6px;overflow:visible;color:var(--accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.07)) drop-shadow(0 18px 28px rgba(60,40,40,.13));animation:nf-in calc(.9s/var(--k)) cubic-bezier(.2,.8,.2,1) both}
.nf-card{fill:var(--surface)}
.nf-bars{fill:var(--ink)}
.nf-code{font:700 30px ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:14px;fill:var(--ink)}
.nf-laser{fill:var(--accent);filter:drop-shadow(0 0 3px var(--accent));animation:nf-scan calc(1.6s/var(--k)) ease-in-out infinite alternate}
.nf-stamp{transform-box:fill-box;transform-origin:center;animation:nf-stamp calc(.5s/var(--k)) calc(1.8s/var(--k)) cubic-bezier(.5,0,.7,1.4) both}
.nf-stamp rect{fill:color-mix(in srgb,var(--surface) 90%,transparent);stroke:var(--accent);stroke-width:3.5}
.nf-stamp text{font:900 23px var(--sans,system-ui,sans-serif);letter-spacing:2px;fill:var(--accent)}
.nf-tag{font:600 12px/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.nf-title{margin:0;font:400 clamp(30px,6vw,50px)/1.08 var(--display,var(--serif));letter-spacing:-.02em;text-wrap:balance}
.nf-sub{margin:0;max-width:34em;color:var(--muted);font-size:15.5px;line-height:1.55;text-wrap:balance}
.nf-cta{display:inline-flex;align-items:center;gap:.5em;margin-top:6px;padding:.85em 1.5em;border-radius:999px;background:var(--ink);color:var(--surface);font:600 15px var(--sans);text-decoration:none;transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s}
.nf-cta::after{content:"→";transition:transform .3s}
.nf-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px -10px var(--accent)}.nf-cta:hover::after{transform:translateX(3px)}
.nf-cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.nf-copy>:not(.nf-label){animation:nf-fade calc(1s/var(--k)) calc(.5s/var(--k)) cubic-bezier(.2,.7,.2,1) both}
@keyframes nf-in{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes nf-scan{from{transform:translateY(34px)}to{transform:translateY(132px)}}
@keyframes nf-stamp{from{opacity:0;transform:scale(1.8)}}
@keyframes nf-fade{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:reduce){.nf *{animation:none!important;transition:none!important}.nf-laser{transform:translateY(80px)}}
[data-motion="reduce"] .nf *{animation:none!important}