:root{color-scheme:dark;font:15px "Segoe UI",Arial,sans-serif;background:#101827;color:#dbe8f7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#233b5c,transparent 65%)}.login-card{width:min(440px,100%);padding:36px;border:1px solid #33475e;border-radius:20px;background:#172131;box-shadow:0 24px 80px #080f1b80}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#284064;color:#9cc7ff}.brand-mark svg{width:30px;fill:none;stroke:currentColor;stroke-width:1.8}.brand{color:#9fb5cd;margin:24px 0 10px}h1{font-size:27px;margin:0;line-height:1.2}.intro,.foot{color:#aabbd0;line-height:1.7}.intro{margin-bottom:28px}label{display:block;margin-top:18px;font-weight:600}input{display:block;width:100%;min-height:48px;margin-top:9px;border:1px solid #3e536e;border-radius:9px;background:#111b2a;color:#e0edff;padding:12px;font:inherit}input:focus{outline:2px solid #81adf2;outline-offset:2px}button{margin-top:26px;width:100%;min-height:50px;border:0;border-radius:9px;background:#80b0fa;color:#102038;font:600 16px "Segoe UI";cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 18px}button:disabled{opacity:.6}#error{color:#ffadb3;font-size:14px;line-height:1.5}.foot{font-size:12px;text-align:center;margin:24px 0 0}#captcha-notice{font-size:11px;color:#aabbd0}a{color:#9cc7ff}@media(max-width:480px){.login-card{padding:26px}h1{font-size:24px}}

#login-form>label:first-child{margin-top:0}#login-form button{justify-content:center}#captcha-notice{margin:20px 0 0;line-height:1.6}