@layer components{.notfound{background:radial-gradient(circle at top,var(--accent),transparent 60%),radial-gradient(circle at 20% 20%,var(--accent-warm),transparent 45%),linear-gradient(160deg,var(--surface-sunken)0%,var(--surface-raised)60%,var(--surface-sunken)100%);place-items:center;height:100vh;min-height:100vh;padding:96px 16px 64px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.notfound{background:radial-gradient(circle at top,color-mix(in srgb,var(--accent)18%,transparent),transparent 60%),radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent-warm)12%,transparent),transparent 45%),linear-gradient(160deg,var(--surface-sunken)0%,var(--surface-raised)60%,var(--surface-sunken)100%)}}body.notfound-page{height:100vh;overflow:hidden}.notfound__bg{pointer-events:none;position:absolute;inset:0}.notfound__halo{border:1px solid var(--accent);border-radius:50%;width:460px;height:460px;position:absolute}@supports (color:color-mix(in lab, red, red)){.notfound__halo{border:1px solid color-mix(in srgb,var(--accent)35%,transparent)}}.notfound__halo{box-shadow:0 0 60px var(--accent);top:-140px;right:-120px}@supports (color:color-mix(in lab, red, red)){.notfound__halo{box-shadow:0 0 60px color-mix(in srgb,var(--accent)20%,transparent)}}.notfound__beam{background:linear-gradient(90deg,transparent,var(--accent-2),transparent);width:360px;height:2px;position:absolute}@supports (color:color-mix(in lab, red, red)){.notfound__beam{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-2)90%,transparent),transparent)}}.notfound__beam{opacity:.7;animation:6s ease-in-out infinite alternate notfound-beam;top:45%;left:-40px;transform:rotate(-12deg)}.notfound__beam--alt{opacity:.45;width:420px;animation-duration:8s;top:60%;left:20%}.notfound__card{z-index:var(--z-raised);border:1px solid var(--accent);max-width:520px;padding:28px 28px 26px;position:relative}@supports (color:color-mix(in lab, red, red)){.notfound__card{border:1px solid color-mix(in srgb,var(--accent)35%,transparent)}}.notfound__card{background:var(--surface-overlay)}@supports (color:color-mix(in lab, red, red)){.notfound__card{background:color-mix(in srgb,var(--surface-overlay)78%,transparent)}}.notfound__card{box-shadow:var(--shadow-surface-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-18px)}.notfound__eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:var(--font-size-caption);color:var(--accent);margin:0 0 8px}.notfound__title{font-size:var(--font-size-title);text-transform:uppercase;letter-spacing:.08em;color:var(--fg);margin:0 0 12px}.notfound__body{font-size:var(--font-size-body);color:var(--muted);margin:0 0 20px;line-height:1.5}.notfound__actions{flex-wrap:wrap;gap:10px;display:flex}.notfound__btn{border-radius:var(--radius-md);border:1px solid var(--overlay-light);justify-content:center;align-items:center;padding:10px 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.notfound__btn{border:1px solid color-mix(in srgb,var(--overlay-light)15%,transparent)}}.notfound__btn{color:var(--fg);background:var(--surface-sunken);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.notfound__btn{background:color-mix(in srgb,var(--surface-sunken)90%,transparent)}}.notfound__btn{text-transform:uppercase;letter-spacing:.12em;font-size:var(--font-size-caption);transition:transform .12s,border-color .12s,color .12s}.notfound__btn:hover{border-color:var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.notfound__btn:hover{border-color:color-mix(in srgb,var(--accent)60%,transparent)}}.notfound__btn:hover{color:var(--accent-warm)}.notfound__btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-warm))}@supports (color:color-mix(in lab, red, red)){.notfound__btn--primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent)35%,transparent),color-mix(in srgb,var(--accent-warm)35%,transparent))}}.notfound__btn--primary{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.notfound__btn--primary{border-color:color-mix(in srgb,var(--accent)60%,transparent)}}.notfound__ticker{font-size:var(--font-size-caption);letter-spacing:.4em;text-transform:uppercase;color:var(--overlay-light);justify-content:center;gap:24px;display:flex;position:absolute;bottom:24px;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.notfound__ticker{color:color-mix(in srgb,var(--overlay-light)25%,transparent)}}@keyframes notfound-beam{0%{transform:rotate(-12deg)translate(0)}to{transform:rotate(-6deg)translate(60px)}}@media (max-width:600px){.notfound__card{padding:22px 20px}.notfound__title{font-size:var(--font-size-title)}}@media (prefers-reduced-motion:reduce){.notfound__beam{animation:none}}}