:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000}body{min-height:100dvh}
.login-shell{min-height:100dvh;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 10%,#101923 0,#03070b 38%,#000 72%)}
.login-card{width:min(100%,430px);background:#07101a;border:1px solid #263340;border-radius:18px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.65)}
.brand-mark{width:58px;height:58px;margin:0 auto 16px;border:2px solid #d9a900;border-radius:50%;display:grid;place-items:center;color:#e0b52c;font-size:30px;font-weight:900}
.eyebrow{text-align:center;color:#d9a900;font-weight:800;letter-spacing:2px;margin:0 0 6px}.login-card h1{text-align:center;font-size:24px;letter-spacing:1px;margin:0;color:#fff}.subtitle{text-align:center;color:#8f98a3;margin:8px 0 26px}
form{display:grid;gap:14px}label{color:#aeb6c0;font-size:12px;font-weight:700;letter-spacing:.3px}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border-radius:10px;border:1px solid #263340;background:#02070d;color:#fff;font-size:16px;outline:none}input:focus{border-color:#d9a900;box-shadow:0 0 0 3px rgba(217,169,0,.13)}
button{min-height:48px;margin-top:4px;border-radius:10px;border:1px solid #8d6900;background:#0b121a;color:#e0b52c;font-weight:800;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}
#loginMessage{min-height:18px;margin:0;text-align:center;color:#ff7474;font-size:12px}.security-note{margin:22px 0 0;text-align:center;color:#697480;font-size:11px;line-height:1.5}
@media(max-width:480px){.login-card{padding:24px 18px;border-radius:14px}.login-card h1{font-size:21px}}