:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d14;color:#f0f3f6}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 30%,#132938 0,#090d14 48%,#05080d 100%)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,430px);padding:clamp(24px,5vw,40px);border:1px solid #254255;border-radius:20px;background:#101821;box-shadow:0 24px 80px #0008}
.eyebrow{color:#7bcbdc;letter-spacing:.16em;font-size:.72rem;font-weight:700}
h1{font-size:clamp(1.8rem,5vw,2.3rem);line-height:1.15;margin:14px 0}.intro{color:#b8c6d0;line-height:1.5}
form{display:grid;gap:17px;margin-top:28px}label{display:grid;gap:7px;font-size:.87rem;color:#dce6eb}
input{width:100%;padding:12px 14px;border:1px solid #426073;border-radius:10px;background:#0a1119;color:#fff;font:inherit}
input:focus-visible,button:focus-visible{outline:2px solid #7bcbdc;outline-offset:3px}
button{border:0;border-radius:10px;padding:14px 18px;background:#7bcbdc;color:#07131a;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#a3e2eb}button:disabled{opacity:.6;cursor:wait}
#login-error{margin:0;min-height:1.3em;color:#ff9d9d;font-size:.87rem}