.route-state,.route-state *{box-sizing:border-box}.route-state{min-height:100svh;padding:var(--ny-space-4,1.5rem);background:radial-gradient(circle at 18% 15%, #16116f1a, transparent 24rem), radial-gradient(circle at 88% 82%, #f2a11f1a, transparent 26rem), var(--ny-color-canvas,#f6f7f9);place-items:center;display:grid}.route-state__body{margin:0}.route-state :focus-visible{outline:3px solid var(--ny-color-focus,#1d4ed8);outline-offset:3px}.route-state__panel{width:min(100%,40rem);padding:var(--ny-space-5,2rem);border:1px solid var(--ny-color-border,#d8dde6);border-radius:var(--ny-radius-lg,1.25rem);color:var(--ny-color-text,#172033);background:linear-gradient(180deg, var(--ny-color-surface,#fff), #fbfdfd);box-shadow:var(--ny-shadow-lg,0 24px 60px #17203324);position:relative;overflow:hidden}.route-state__panel:before{background:linear-gradient(90deg, var(--ny-color-action-primary), var(--ny-color-accent));content:"";height:.35rem;position:absolute;inset:0 0 auto}.route-state__eyebrow{margin:0 0 var(--ny-space-2,.5rem);color:var(--ny-color-accent-on-light,#6b4600);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:800}.route-state__title{letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.25}.route-state__description{max-width:60ch;margin:var(--ny-space-3,1rem) 0 0;color:var(--ny-color-muted,#5d687a);line-height:1.5}.route-state__actions{gap:var(--ny-space-2,.5rem);margin-top:var(--ny-space-4,1.5rem);flex-wrap:wrap;display:flex}.route-state__actions a,.route-state__actions button{border-radius:var(--ny-radius-card,.5rem);min-height:2.75rem;color:var(--ny-color-surface,#fff);background:var(--ny-color-primary,#2557a7);font:inherit;cursor:pointer;box-shadow:var(--ny-shadow-sm);transition:transform var(--ny-duration-fast) var(--ny-easing-standard), background-color var(--ny-duration-fast) var(--ny-easing-standard);border:0;padding:.625rem 1rem;font-weight:720;text-decoration:none}.route-state__actions a:hover,.route-state__actions button:hover{background:var(--ny-color-primary-hover,#1f4b90);transform:translateY(-1px)}@media (max-width:390px){.route-state{padding:var(--ny-space-3,1rem);align-items:start}.route-state__panel{padding:var(--ny-space-4,1.5rem)}.route-state__actions,.route-state__actions a,.route-state__actions button{width:100%}.route-state__actions a,.route-state__actions button{text-align:center}}