:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0c1016;color:#edf2f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(100%,480px);background:#141b25;border:1px solid #293443;border-radius:18px;padding:32px}.brand{font-size:24px;font-weight:700;color:#6ee7b7;text-decoration:none}h1{font-size:26px;margin-top:30px}p{color:#b5c2d2;line-height:1.6}label{display:block;margin:20px 0 8px}input{width:100%;padding:12px;background:#0c1016;color:#edf2f8;border:1px solid #3a485c;border-radius:8px;margin-bottom:14px}button{display:block;width:100%;padding:13px;margin:12px 0;background:#6ee7b7;border:0;border-radius:8px;font:inherit;font-weight:650;color:#0b221b;cursor:pointer}button.secondary{background:#253142;color:#edf2f8}button:disabled{opacity:.5;cursor:wait}a{color:#6ee7b7}.subtle{font-size:12px;color:#8998ab}#auth-message{min-height:24px;color:#f2c177}li{padding:8px 0;overflow-wrap:anywhere}[hidden]{display:none!important}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#101923;padding:12px;border-radius:8px;font-size:12px}input[type=checkbox]{width:auto;display:inline-block}li span{display:block;margin-bottom:8px}
