:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;background:#0b1222;color:#edf3ff}
*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 15%,#17365c,#0b1222 55%)}
.login-card{width:min(100%,410px);background:#111d32;border:1px solid #30445f;border-radius:18px;padding:32px;box-shadow:0 24px 70px #0007}
.mark{width:42px;height:42px;display:grid;place-items:center;background:#3866e5;border-radius:12px;font-weight:800;font-size:24px}h1{font-size:24px;margin:22px 0 8px}p,small{color:#a8bbd5;line-height:1.6}p{margin:0 0 24px}small{display:block;margin-top:22px}label{display:block;font-weight:600;margin-bottom:8px}input{width:100%;padding:12px;border:1px solid #567196;border-radius:9px;background:#0c172a;color:#fff;font-size:16px}input:focus{outline:2px solid #6d91ff;outline-offset:2px}button{width:100%;border:0;border-radius:9px;padding:12px;margin-top:16px;background:#4b78ee;color:#fff;font-weight:700;font-size:16px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#message{min-height:1.4em;margin-top:12px;color:#ffaeae}