:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#0b1017;color:#e4eaf1}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center}
main{width:min(360px,calc(100vw - 40px));padding:26px;background:#141c27;border:1px solid #2b3746;border-radius:10px}
.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700}.brand span{font-size:28px;color:#87d6b8}
h1{font-size:20px;margin:24px 0 18px}label{display:grid;gap:7px;margin:14px 0;color:#b9c4d1}
input,button{font:inherit;width:100%;border:1px solid #334152;border-radius:6px;padding:11px 12px}
input{background:#0e151f;color:#e4eaf1}input:focus{outline:2px solid #79bca5;outline-offset:1px}
button{background:#90d6b9;color:#10261e;font-weight:650;cursor:pointer;margin-top:7px}button:disabled{opacity:.6}
p{font-size:13px;line-height:1.6;color:#a6b4c4}a{color:#90d6b9}#login-error{color:#f296a0;font-size:13px;line-height:1.5}