.status-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-8);padding:var(--space-8) var(--space-4);background:var(--color-bg-subtle);font-family:var(--font-sans)}.status-brand,.status-page{align-items:center;color:var(--color-text)}.status-brand{display:inline-flex;gap:var(--space-2);text-decoration:none;font:750 var(--font-size-lg) /1 Manrope,var(--font-sans)}.status-card{width:min(480px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-10) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.status-card img{margin-bottom:var(--space-4)}.status-code{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em}.status-card h1{margin:var(--space-3) 0 var(--space-2);font:700 var(--font-size-2xl) /var(--line-height-2xl) Manrope,var(--font-sans);letter-spacing:-.02em}.status-text{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-md)}.status-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.status-actions a,.status-actions button{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font:var(--font-weight-medium) var(--font-size-sm) /1 var(--font-sans);text-decoration:none;cursor:pointer}.status-actions a:hover,.status-actions button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.status-actions .is-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.status-actions .is-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.status-actions :focus-visible{outline:none;box-shadow:var(--shadow-focus)}.status-detail{margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.status-detail code{font-family:var(--font-mono)}@media (max-width:480px){.status-card{padding:var(--space-8) var(--space-5)}.status-card img{width:112px;height:112px}}