:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#e8ecf8;background:#0b0d17}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 10%,#34305a55,transparent 55%),radial-gradient(ellipse at 90% 90%,#16514c33,transparent 50%)}.login-card{width:100%;max-width:400px;border:1px solid #ffffff18;border-radius:24px;background:#181b27;padding:36px;box-shadow:0 24px 80px #0005}.login-logo{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(135deg,#8b7cff,#2dd4bf);border-radius:15px;font-size:25px;font-weight:800}h1{margin:20px 0 8px;font-size:28px;letter-spacing:-.5px}.login-sub{color:#9ca6be;margin:0 0 28px;font-size:14px}label{display:block;font-size:14px;margin:18px 0 8px}input:not([type=checkbox]){display:block;width:100%;font:inherit;padding:12px 14px;color:inherit;background:#10131e;border:1px solid #ffffff24;border-radius:10px;outline:none}input:focus-visible{border-color:#9b90ff;box-shadow:0 0 0 3px #8b7cff30}.remember{display:flex;align-items:center;gap:8px;color:#b5bed2;font-size:13px;margin:20px 0}.remember input{accent-color:#8b7cff;width:16px;height:16px}button{width:100%;padding:13px;border:0;border-radius:10px;background:#8b7cff;color:#fff;font:inherit;font-weight:650;cursor:pointer}button:hover{background:#9c90ff}button:focus-visible{outline:3px solid #2dd4bf;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}#login-error{color:#ff8eaa;font-size:13px;line-height:1.6}.login-note{margin:24px 0 0;color:#8791a8;text-align:center;font-size:12px}@media(max-width:420px){.login-card{padding:28px 22px}}
