:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;color:#e9f1ff;background:#06101f;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:radial-gradient(circle at 50% 12%,rgba(47,107,255,.24),transparent 34%),linear-gradient(145deg,#071322,#030914);display:grid;place-items:center;padding:24px}
.login-shell{width:100%;max-width:430px}
.login-card{padding:42px 34px 36px;border:1px solid rgba(132,165,214,.18);border-radius:28px;background:rgba(10,24,43,.88);box-shadow:0 30px 80px rgba(0,0,0,.4);backdrop-filter:blur(18px);text-align:center}
.brand-mark{width:62px;height:62px;border-radius:19px;margin:0 auto 22px;display:grid;place-items:center;font-size:20px;font-weight:800;letter-spacing:.08em;background:linear-gradient(145deg,#296df4,#183d96);box-shadow:0 14px 35px rgba(39,104,239,.32)}
.eyebrow{margin:0 0 10px;color:#78a4ff;font-size:12px;font-weight:800;letter-spacing:.24em}
h1{font-size:30px;margin:0 0 8px}
.description{margin:0 0 30px;color:#91a7c4}
form{display:grid;gap:18px;text-align:left}
label{display:grid;gap:8px;color:#a8bad2;font-size:13px}
input{width:100%;height:54px;border:1px solid #243c5c;border-radius:14px;background:#071524;color:#f4f8ff;padding:0 16px;font-size:16px;outline:none}
input:focus{border-color:#4c86ff;box-shadow:0 0 0 3px rgba(76,134,255,.14)}
button{height:54px;border:0;border-radius:14px;background:linear-gradient(100deg,#3d82ff,#536cf4);color:white;font-size:16px;font-weight:750;cursor:pointer;box-shadow:0 14px 28px rgba(48,105,239,.25)}
button:disabled{opacity:.62;cursor:wait}
.error{min-height:19px;margin:-5px 0;color:#ff8290;font-size:13px;text-align:center}
small{display:block;margin-top:25px;color:#657c99}
@media(max-width:480px){body{padding:18px}.login-card{padding:36px 22px 30px;border-radius:24px}}