/* Uses the shared Atom colors, controls, spacing and card dimensions. */
.auth-body{min-height:100vh;background:var(--ui-page-bg);color:var(--ui-text)}
.auth-main{max-width:460px;margin:min(12vh,100px) auto;padding:0 var(--ui-page-padding)}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}
.auth-brand h1{font-size:23px;font-weight:650;margin:0}
.auth-card{padding:var(--ui-card-padding)}
.auth-card h2{margin-bottom:8px}
.auth-card p{line-height:1.5;margin-bottom:24px}
.auth-card label{margin-top:16px}
.auth-card form input{display:block;width:100%}
.auth-submit{margin-top:24px;width:100%}
.auth-link{margin-top:14px;border:0;background:transparent;color:var(--ui-accent);padding:8px 0;font-weight:600;min-height:0}
.auth-error{padding:12px;border:1px solid #cc6060;border-radius:var(--ui-radius);color:#b52e2e;margin-bottom:16px}
@media(max-width:500px){.auth-main{margin-top:40px}}