.accountBody { min-height:100vh; background:var(--bg); padding:48px 20px 110px; }
.accountShell { width:min(100%, 520px); margin:auto; }
.accountShell > .accountBrand { display:flex; justify-content:center; color:var(--text); margin-bottom:32px; }
.accountCard { background:var(--panel); border:1px solid var(--border); border-radius:28px; padding:36px; box-shadow:0 18px 55px var(--login-note-border); }
.accountIllustration { width:108px; height:108px; display:grid; place-items:center; background:var(--surface-soft); border-radius:32px; margin-bottom:28px; }
.accountCard h1 { font-size:clamp(26px,5vw,34px); line-height:1.2; letter-spacing:-.035em; margin:12px 0 16px; }
.accountCard .loginIntroduction { margin-bottom:28px; }
.accountCard input:not([type=checkbox]) { width:100%; margin:8px 0 18px; }
.accountCard .loginSubmit { margin-top:8px; flex-direction:row; }
.accountNote { font-size:13px; color:var(--muted); margin:0 0 16px; }
.accountPasswordChoice { display:flex; align-items:center; gap:8px; font-size:14px; }
.accountPasswordChoice input { width:auto; }
.accountLinks { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:28px; font-size:13px; }
.accountResult { padding:16px; border-radius:12px; background:var(--feedback-success-bg); color:var(--feedback-success-text); line-height:1.6; }
.accountReassurance { color:var(--muted); text-align:center; font-size:13px; margin:24px 0; }
.accountShell footer { text-align:center; line-height:1.8; }
@media(max-width:480px) { .accountBody { padding:28px 16px 110px; } .accountCard { padding:26px 22px; border-radius:22px; } }

.accountCard [hidden] { display:none; }