:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;background:#111216;color:#edf0f8}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,380px);padding:28px 22px;border:1px solid #ffffff12;border-radius:16px;background:#1b1e25}.brand{text-decoration:none;font-size:25px;font-weight:700;color:#a2baff}.brand span{padding:4px 7px;margin-left:4px;border:2px solid #a2baff;border-radius:5px}h1{font-size:20px;margin:30px 0 20px}form{display:grid;gap:16px}label{display:grid;gap:8px;color:#bec8d7;font-size:14px}input{width:100%;min-height:48px;border:0;border-radius:10px;background:#292e38;color:#edf0f8;font:inherit;font-size:16px;padding:10px 12px;outline-offset:3px}input:focus{outline:2px solid #a2baff}input[hidden]{display:none}button{border:0;min-height:48px;border-radius:10px;background:#a2baff;color:#121a2b;font:inherit;font-size:16px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#auth-error{margin:0;color:#efbfac;font-size:14px;line-height:1.5;white-space:pre-wrap}