/* Login has a centered identity and form, without the shared navigation header. */
body[data-account-page="login"] .login-layout { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; width:100%; max-width:520px; margin:0 auto; padding:48px 24px; }
body .login-brand { margin-bottom:32px; }
body .login-brand .brand-wordmark { width:258px; max-width:100%; }
.login-panel { width:100%; margin:0; text-align:center; }
.login-panel h1 { text-wrap:balance; }
.login-panel .account-form { text-align:left; margin-top:24px; }
.login-panel .account-form > button { text-align:center; }
.login-panel #telegram-login { min-height:44px; display:flex; align-items:center; justify-content:center; margin:24px 0 16px; }
.login-panel .account-message:empty { display:none; }
.login-tools { display:flex; justify-content:center; margin-top:20px; }
body .login-tools .theme-toggle { display:inline-flex; }
@media(max-width:600px) {
 body[data-account-page="login"] .login-layout { padding:36px 16px; }
 body .login-brand { margin-bottom:26px; }
 body .login-brand .brand-wordmark { width:224px; }
 .login-panel h1 { font-size:24px; }
}