*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;display:grid;place-items:center;padding:24px;background:#070c18;color:#e9eefa;font-family:system-ui,sans-serif}.login-card{width:min(430px,100%);padding:34px;border:1px solid #243354;border-radius:20px;background:#111a2d;box-shadow:0 24px 70px rgba(0,0,0,.45)}.mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#f6a623,#ee6a8c);font-weight:800}.kicker{margin:22px 0 5px;color:#7a89a8;font-size:11px;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:32px}.intro{color:#b9c4da}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-size:12px;font-weight:700}input{width:100%;padding:13px;border:1px solid #31446b;border-radius:10px;background:#0a1120;color:#e9eefa;font:inherit}input:focus{outline:2px solid #5ab6f0;outline-offset:2px}button{padding:13px;border:0;border-radius:999px;background:#f6a623;color:#fff;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#login-error{min-height:18px;margin:0;color:#ee6a8c;font-size:12px}