* { box-sizing:border-box; }
body { min-height:100vh; margin:0; background:#0d0f12; color:#f4f6f8; font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
.beta-header { display:flex; height:62px; align-items:center; justify-content:space-between; padding:0 32px; border-bottom:1px solid #282d34; }
.wordmark { font-size:17px; font-weight:700; letter-spacing:-.7px; }
.login-main { width:min(360px,calc(100% - 40px)); margin:96px auto 0; }
h1 { margin:0; font-size:25px; font-weight:600; letter-spacing:-.6px; }
.intro { margin:5px 0 28px; color:#aab3bf; }
form { display:grid; gap:8px; }
label { margin-top:8px; font-size:12px; font-weight:600; }
input { width:100%; height:42px; padding:0 11px; border:1px solid #363c45; border-radius:5px; outline:0; background:#111418; color:#f4f6f8; font:inherit; }
input:focus { border-color:#8f99a5; }
button { height:40px; margin-top:13px; border:0; border-radius:5px; background:#e7eaee; color:#101317; font:inherit; font-weight:600; cursor:pointer; }
button:disabled { cursor:default; opacity:.55; }
#login-error { min-height:18px; margin:5px 0 -5px; color:#aab3bf; font-size:12px; }
@media(max-width:520px) { .beta-header { padding:0 20px; }.login-main { margin-top:72px; } }