*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:linear-gradient(100deg,rgba(6,12,20,.82),rgba(6,12,20,.32)),url('/assets/dusk-drift.png') center/cover fixed;color:#edf3fa;font-family:system-ui,'Microsoft YaHei',sans-serif}.login-card{width:min(440px,100%);padding:44px;border:1px solid #a58c5655;border-radius:14px;background:#101b28dd;box-shadow:0 28px 90px #0006;backdrop-filter:blur(14px)}.eyebrow{font-size:12px;letter-spacing:4px;color:#dfbf7c}h1{margin:16px 0 8px;font-size:32px}p{font-size:16px;color:#abbcd0;line-height:1.6}form{display:grid;gap:12px;margin-top:32px}label{font-size:15px}input{margin-bottom:10px;width:100%;padding:13px 14px;background:#0a1522;border:1px solid #53647b;border-radius:5px;font:inherit;color:#fff}input:focus{outline:2px solid #e3c17a;outline-offset:2px}button{padding:14px;border:0;border-radius:5px;background:#dfbf7c;color:#1a2029;font:600 17px system-ui;cursor:pointer}button:disabled{opacity:.6}.login-note{margin-top:24px;font-size:13px;color:#9caec1;text-align:center}#login-error{color:#ffb5af;margin:0 0 8px}[hidden]{display:none!important}