:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#19314b; background:#f2f6fb; }
* { box-sizing:border-box; }
body { margin:0; min-height:100dvh; display:grid; place-items:center; padding:24px; background:radial-gradient(ellipse at top,#e3eefc,transparent 70%); }
.login-card { width:100%; max-width:440px; background:white; border:1px solid #dce5f1; border-radius:20px; padding:32px; box-shadow:0 20px 70px #19314b12; }
.login-brand { font-weight:750; letter-spacing:.08em; color:#547cab; margin-bottom:20px; }
h1 { font-size:25px; margin:22px 0 10px; }
p { line-height:1.6; font-size:14px; color:#53677d; overflow-wrap:anywhere; }
form, label { display:grid; gap:8px; }
form { gap:20px; margin-top:24px; }
label { font-size:14px; font-weight:600; }
.language { font-size:12px; }
input, select, button { width:100%; min-height:46px; border-radius:9px; border:1px solid #cbd8e8; padding:10px 12px; font:inherit; font-size:16px; background:white; color:inherit; }
button { background:#235b9b; border-color:#235b9b; color:white; font-weight:650; cursor:pointer; }
button:disabled { opacity:.6; cursor:wait; }
:focus-visible { outline:3px solid #74a7e7; outline-offset:3px; }
#login-notice { padding:12px; background:#eff7ff; border-radius:8px; }
#login-message { margin:0; color:#80502c; }
[hidden] { display:none; }
@media(max-width:400px) { body {padding:16px;} .login-card {padding:24px;} }