:root{color-scheme:dark;font-family:Segoe UI,Arial,sans-serif;background:#080d19;color:#e4edf8}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#172b48 0,#080d19 65%)}.login-card{width:100%;max-width:420px;padding:36px;background:#10192b;border:1px solid #293c59;border-radius:16px;box-shadow:0 24px 80px #0005}.brand{font-size:19px;font-weight:750;letter-spacing:3px;color:#8cb9fb}.brand span{display:block;font-size:10px;letter-spacing:2px;font-weight:500;color:#8da3bf;margin-top:6px}h1{font-size:25px;margin:30px 0 12px}p,small{color:#9aacc4;line-height:1.65;font-size:13px}form{display:grid;gap:20px;margin:26px 0 22px}label{display:grid;gap:9px;font-size:13px;font-weight:600}input{width:100%;padding:13px;border:1px solid #33465f;border-radius:7px;background:#0b1220;color:#edf5ff;font:inherit;outline:none}input:focus{border-color:#80b0fc;box-shadow:0 0 0 3px #80b0fc20}button{border:0;border-radius:7px;padding:13px;background:#397be0;color:#fff;font:600 14px Segoe UI,Arial,sans-serif;cursor:pointer}button:hover{background:#4d8aeb}button:disabled{opacity:.65;cursor:wait}#login-error{font-size:13px;padding:11px;background:#48212c;color:#ffc1cd;border-radius:6px}small{display:block;font-size:11px}@media(max-width:450px){.login-card{padding:26px}}