.login-screen { min-height:100vh; min-height:100dvh; display:grid; place-items:center; padding:24px; color:var(--ink); }
.login-screen .login-card { width:100%; max-width:420px; margin:0; padding:36px; text-align:center; overflow-wrap:anywhere; }
.login-screen .login-logo { color:var(--navy); font-family:var(--font-brand); font-size:64px; font-weight:700; line-height:1.1; margin-bottom:28px; }
.login-screen h1 { margin:0 0 24px; font-size:21px; }
.login-screen form { margin:14px 0 0; }
.login-screen .login-button { display:block; width:100%; padding:13px 18px; border:1px solid var(--navy); border-radius:8px; background:var(--navy); color:var(--surface); font:inherit; font-weight:600; text-decoration:none; cursor:pointer; text-align:center; }
.login-screen .login-button-secondary { background:var(--surface); color:var(--navy); }
.login-screen .login-button:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
.login-screen .login-error { color:#b42318; }
@media(max-width:480px) { .login-screen { padding:20px; } .login-screen .login-card { padding:30px 24px; } }