:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#edf4ff;background:#08121d;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(ellipse at 50% 0,#142d49 0,transparent 62%),#08121d}
.login-card{width:min(100%,460px);padding:40px;border:1px solid #2b4057;border-radius:22px;background:#101e2e;box-shadow:0 24px 80px #0005}
.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700}.brand-mark{display:grid;place-items:center;background:#ff9f43;color:#15202c;width:46px;height:46px;border-radius:13px;font-size:17px;letter-spacing:.03em}.brand small{display:block;margin-top:3px;font-size:13px;font-weight:400;color:#a6b8ce}
h1{margin:32px 0 10px;font-size:28px;line-height:1.4}.intro{color:#b1c1d5;font-size:16px;line-height:1.7;margin:0 0 28px}label{display:block;font-size:15px;margin-bottom:10px;font-weight:600}input{width:100%;height:52px;border:1px solid #52647c;border-radius:10px;background:#081421;color:#fff;padding:12px 14px;font:inherit}input:focus-visible,button:focus-visible{outline:3px solid #ffb76e;outline-offset:3px}.hint{font-size:14px;line-height:1.6;color:#a6b8ce;margin:10px 0 24px}button{width:100%;min-height:52px;background:#ff9f43;border:0;border-radius:10px;color:#111d29;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;cursor:pointer}button:hover{background:#ffb35f}button:disabled{opacity:.6;cursor:wait}#loginError{min-height:23px;color:#ffb0a7;font-size:14px;line-height:1.6;margin:15px 0 0}footer{border-top:1px solid #2b4057;padding-top:20px;margin-top:16px;color:#91a5bf;font-size:13px;line-height:1.6}@media(max-width:480px){.login-card{padding:28px 24px}h1{font-size:25px}}