:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#f3f8fb;background:#080e12}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#0b2029,transparent 65%)}main{width:min(100% - 48px,336px);padding:48px 0;text-align:center}.brand{display:block;width:144px;margin:0 auto 24px}h1{font-size:18px;font-weight:500;letter-spacing:-.02em;margin:0 0 28px}.brand img{display:block;width:100%;height:112px;object-fit:contain}form{display:grid;gap:12px}input{width:100%;height:52px;border:1px solid #293943;border-radius:4px;background:#0e171d;color:#fff;padding:0 16px;font:inherit;font-size:16px}input::placeholder{color:#99aab4;opacity:1}input:hover{border-color:#50636e}button{font:inherit;cursor:pointer}form>button{width:100%;min-height:52px;margin-top:4px;background:#55d3ee;color:#00222b;border:0;border-radius:4px;font-size:14px;font-weight:700}form>button:hover{background:#7de0f4}button:disabled{opacity:.5;cursor:not-allowed}.text{background:none;border:0;color:#a6bac5;font-size:12px;min-height:44px;padding:8px 0}.text:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}nav{display:flex;justify-content:space-between;gap:24px;margin-top:12px}nav:has([data-mode=login]:not([hidden])){justify-content:center}#message{font-size:12px;line-height:1.6;color:#d5e7ef;overflow-wrap:anywhere;margin:16px 0 0}#message:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #74efd1;outline-offset:4px}