.auth-page{min-height:100%;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--od-accent) 45%, transparent), transparent 60%), radial-gradient(900px 500px at 110% 110%, #ff7ab655, transparent 60%), var(--od-bg);place-items:center;display:grid}.auth-card{background:var(--od-surface);width:100%;max-width:420px;-webkit-backdrop-filter:var(--od-blur);border:1px solid var(--od-border);box-shadow:var(--od-shadow-lg);border-radius:24px;gap:16px;padding:32px 28px;display:grid}.auth-card--wide{max-width:560px}.auth-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.auth-brand img{width:32px;height:32px}.auth-card h1{letter-spacing:-.02em;margin:8px 0 0;font-size:24px}.auth-card p{margin:0}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;display:flex}.auth-links button{color:var(--od-accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:500}.recovery-key{font-family:var(--od-font-mono);letter-spacing:.04em;text-align:center;border-radius:var(--od-radius);background:var(--od-surface-2);border:1px dashed var(--od-border);-webkit-user-select:all;user-select:all;word-spacing:6px;padding:16px;font-size:17px;line-height:1.8}.auth-actions{flex-wrap:wrap;gap:8px;display:flex}.auth-actions>*{flex:1}.badge{background:var(--od-surface-3);color:var(--od-text-2);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.badge--ok{background:color-mix(in srgb, var(--od-success) 18%, transparent);color:var(--od-success)}.badge--warn{color:#c27c00;background:#f5a52433}