:root { color-scheme: dark; font-family: Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: #eff5ff; background: radial-gradient(circle at 50% 15%,#172d52 0,transparent 34%),#090d14; }
.login-shell { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.login-card { width: min(100%,420px); padding: 38px; border: 1px solid #293548; border-radius: 22px; background: linear-gradient(150deg,rgba(21,29,41,.98),rgba(12,18,27,.98)); box-shadow: 0 28px 90px #0008; }
.brand-mark { display: grid; width: 46px; height: 46px; margin-bottom: 22px; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#5b95ff,#7866ff); font-size: 22px; font-weight: 900; box-shadow: 0 12px 32px #347cff45; }
.eyebrow { color: #729ffc; font-size: 10px; font-weight: 800; letter-spacing: .2em; }
h1 { margin: 5px 0 4px; font-size: 30px; letter-spacing: -.04em; }
p { margin: 0 0 24px; color: #8c9bae; }
form { display: grid; gap: 10px; }
label { color: #aebbd0; font-size: 12px; font-weight: 700; }
input { width: 100%; height: 46px; padding: 0 13px; border: 1px solid #2a3547; border-radius: 11px; outline: none; color: #eff5ff; background: #0c121b; font: inherit; }
input:focus { border-color: #4f83e4; box-shadow: 0 0 0 3px #4f83e420; }
button { height: 44px; margin-top: 6px; border: 0; border-radius: 11px; color: white; background: linear-gradient(135deg,#447ff0,#6b62ee); font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px #3e69dc32; }
.login-error { margin: -10px 0 16px; padding: 10px 12px; border: 1px solid #65303e; border-radius: 10px; color: #ffabb7; background: #25151a; font-size: 12px; }
.login-card > small { display: block; margin-top: 18px; color: #66758a; font-size: 10px; text-align: center; }