.account-box .btn { margin-top: .5rem; }
.account-shell { width: min(1080px, 100% - 40px); margin: 36px auto; }
.account-shell h1 { margin: 48px 0 16px; font-size: clamp(2rem,5vw,3.5rem); }
.account-shell h2 { font-size: 1.25rem; margin-bottom: 16px; }
.account-shell p { line-height: 1.65; margin-block: 14px; }
.account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:24px; margin-top:28px; }
.account-card { background:#fff; border:1px solid #dedfd7; border-radius:12px; padding:24px; }
.account-shell .form { display:grid; gap:12px; max-width:520px; }
.account-shell .field { width:100%; }
.account-shell .btn { margin-top:8px; }
.account-shell pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; background:#f0f1ec; }
.result:not(:empty) { margin:18px 0; padding:14px; background:#edf1e8; border:1px solid #cbd4c1; border-radius:6px; line-height:1.6; }
.result[data-error=true] { color:#792a23; background:#fff0eb; border-color:#e7b8ae; }
button:disabled { cursor:not-allowed; opacity:.55; }
[hidden] { display:none !important; }
#pending,#recovery,#login-factor { margin:24px 0; }
#turnstile-slot { min-height:1px; }
.account-shell :focus-visible { outline:3px solid #567448; outline-offset:3px; }