:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#080c16;color:#edf2fa}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;width:min(460px,94vw);margin:24px;padding:36px;background:#111a29;border:1px solid #27354a;border-radius:18px}.brand{font-size:13px;letter-spacing:3px;font-weight:750;color:#ff656b}h1{font-size:32px;margin-bottom:8px}h2{font-size:23px}.muted{color:#aebdd1}.small{font-size:12px;line-height:1.6}label{display:block;font-size:14px;margin:22px 0 8px}input{box-sizing:border-box;width:100%;padding:13px;margin-top:8px;border:1px solid #455571;border-radius:8px;background:#0b1220;color:inherit;font:inherit}input:focus{outline:2px solid #7cbaff}button{width:100%;padding:14px;margin-top:22px;border:0;border-radius:8px;background:#9b202b;color:white;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:#24334c;margin-top:10px}#error{color:#ffb7b7;min-height:20px;font-size:14px}.sso{display:block;text-align:center;color:#9acbff;padding:14px;border:1px solid #455571;border-radius:8px;text-decoration:none}#qr{background:white;padding:10px;margin:18px auto;max-width:240px}#qr svg{display:block;width:100%;height:auto}#secret{overflow-wrap:anywhere;display:block;margin-top:12px}details{font-size:13px}p{line-height:1.5}[hidden]{display:none!important}