.error-state{max-width:44rem;margin:0 auto;padding:calc(60px + 3rem) 0 5rem;text-align:center}.error-state-code{display:block;margin:0;font-size:clamp(5rem,22vw,9rem);font-weight:600;line-height:1;letter-spacing:-0.04em;font-variant-numeric:tabular-nums;color:var(--primary);opacity:.18;user-select:none}.error-state-danger .error-state-code{color:var(--danger)}.error-state-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin-top:-3.25rem;border-radius:10000px;background:var(--surface);box-shadow:var(--shadow-md);color:var(--primary)}.error-state-icon .icon{width:2rem;height:2rem}.error-state-danger .error-state-icon{color:var(--danger)}.error-state-title{margin:1.5rem 0 .75rem;font-size:2rem;line-height:1.25;text-wrap:balance}.error-state-text{max-width:34rem;margin:0 auto;color:var(--text-muted);font-size:18px;line-height:1.6;text-wrap:pretty}.error-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem}.error-state-links{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border);text-align:left}.error-state-links h2{margin:0 0 1rem;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-align:center}.error-state-links ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}@media(min-width: 576px){.error-state-links ul{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.error-state-links ul{grid-template-columns:repeat(4, 1fr)}}.error-state-links a{display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%;padding:1.25rem .75rem;border-radius:8px;background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-heading);font-weight:600;text-align:center;transition:box-shadow .2s cubic-bezier(0.33, 0, 0.67, 1),transform .2s cubic-bezier(0.33, 0, 0.67, 1)}.error-state-links a:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.error-state-links a:focus-visible{outline:2px solid var(--input-border-focus);outline-offset:2px}.error-state-links a .icon{width:1.5rem;height:1.5rem;color:var(--primary)}@media(prefers-reduced-motion: reduce){.error-state-links a{transition:none}.error-state-links a:hover{transform:none}}