:root{color-scheme:dark;font-family:system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 0%,#233351 0%,#0a0d16 65%);color:#f5f7ff;padding:16px}.card{width:min(100%,430px);background:#141c2d;border:1px solid #34435b;border-radius:22px;padding:32px;box-shadow:0 24px 75px #0007}.brand{font-size:30px;font-weight:800;letter-spacing:.3px;margin-bottom:28px}.brand span{color:#88aaff}h1{font-size:22px;margin:0 0 10px}p{color:#b3c1d7;line-height:1.5}label{display:block;font-size:14px;margin:17px 0 7px}input{width:100%;background:#0e1523;border:1px solid #41516b;color:white;border-radius:10px;padding:13px;font:inherit}.password{display:flex;gap:6px}.password input{flex:1;min-width:0}button,.sso{font:inherit;border:0;border-radius:11px;cursor:pointer;padding:13px 15px}.show{background:#2c384e;color:white}.submit{background:#708ffb;color:#fff;font-weight:700;width:100%;margin-top:24px}.sso{display:block;background:#2b3954;color:#fff;text-decoration:none;text-align:center;font-weight:600}.sep{text-align:center;margin:22px 0;color:#97a7bc}#status{min-height:24px;color:#ff9c9c;font-size:14px}footer{text-align:center;font-size:12px;color:#8290ab;margin-top:26px}