:root{--brand:#093558;--card:#fff;--ink:#14202b;--muted:#5b6b79;--line:#cfd8e0;--field:#fff;--error:#a32020}@media (prefers-color-scheme:dark){:root{--card:#14202b;--ink:#e8eef3;--muted:#9fb0be;--line:#34475a;--field:#1b2a38;--error:#ff9c9c}}*{box-sizing:border-box}body{background:var(--brand);color:var(--ink);margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--card);border-radius:16px;width:100%;max-width:420px;padding:32px;box-shadow:0 12px 32px #00000047}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-brand img{border-radius:8px;flex:none}.login-brand h1{margin:0;font-size:20px;line-height:1.25}.login-brand p{color:var(--muted);margin:2px 0 0;font-size:13.5px}.login form{flex-direction:column;display:flex}.login label{margin-bottom:5px;font-size:13.5px;font-weight:600}.login input[type=text],.login input[type=password]{font:inherit;color:inherit;background:var(--field);border:1px solid var(--line);border-radius:8px;margin-bottom:15px;padding:9px 11px}.login input:focus-visible{outline-offset:1px;outline:2px solid #3d8bcd}.login-error{color:var(--error);margin:0 0 14px;font-size:13.5px}.login-note{color:var(--muted);margin:0 0 14px;font-size:13.5px;line-height:1.45}.login button{font:inherit;color:#fff;background:var(--brand);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px;font-weight:600}.login button:hover{background:#0c4570}@media (prefers-color-scheme:dark){.login button{border-color:#3d6c94}}.login-lang{text-align:center;color:var(--muted);margin-top:18px;font-size:13px;display:block}