:root{font-family:Inter,system-ui,sans-serif;color:#e2e8f0;background:#0b0f19;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(460px,100%);background:#111b2e;border:1px solid #24354d;border-radius:20px;padding:36px;box-shadow:0 20px 60px #0005}main>span{color:#06b6d4;letter-spacing:.18em;font-size:12px}h1{font-size:32px}p{color:#a4b4cb;line-height:1.6}label{display:block;margin:16px 0}input{display:block;width:100%;margin-top:8px;padding:12px;background:#0b0f19;border:1px solid #334155;border-radius:8px;color:inherit}button{padding:12px 18px;border:1px solid #0891b2;border-radius:8px;background:#06b6d4;color:#07111c;font-weight:600;cursor:pointer}button:disabled{opacity:.5}#forgot{margin-top:16px;background:transparent;color:#67e8f9}dialog{width:min(580px,92vw);max-height:90vh;overflow:auto;padding:28px;background:#111b2e;color:#e2e8f0;border:1px solid #334155;border-radius:16px}dialog::backdrop{background:#000a}dialog img{display:block;background:white}dialog input[type=checkbox]{width:auto;display:inline}pre{white-space:pre-wrap;overflow-wrap:anywhere}code{overflow-wrap:anywhere}[hidden]{display:none!important}:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}