:root{font-family:system-ui,sans-serif;color:#e4e6ef;background:#141827;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:22px}.auth{width:min(460px,100%);padding:32px;border:1px solid #34394e;background:#202536;border-radius:22px;box-shadow:0 20px 60px #0003}h1{font-size:25px;font-weight:600;margin:8px 0 14px;letter-spacing:-.6px}.brand{color:#b6a5fa;font-size:12px;letter-spacing:2px}p{font-size:14px;color:#afb7cc;line-height:1.6}label{display:block;font-size:13px;margin:18px 0 8px}input,button{font:inherit;width:100%;padding:13px;border-radius:10px;border:1px solid #454a61;background:#171c2b;color:#fff}button{background:#7a64da;border:0;margin-top:23px;cursor:pointer}button:disabled{opacity:.55}input:focus-visible,button:focus-visible{outline:2px solid #baa8ff;outline-offset:3px}#error{color:#ffb6c6;white-space:pre-wrap}.secret{background:#161b2c;padding:14px;overflow-wrap:anywhere;user-select:all;font:16px monospace;color:#d5cafb}.small{font-size:12px}a{color:#c9bafa}fieldset{border:1px solid #454a61;border-radius:10px;margin-top:20px;padding:16px}legend{color:#c9bafa}