:root{font:17px/1.5 system-ui,sans-serif;color:#dbe4ed;background:#0d151b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:24px;min-height:100svh;display:grid;place-items:center}main{width:min(100%,420px);background:#15232c;border:1px solid #293d47;border-radius:18px;padding:30px}.pill{font-size:12px;letter-spacing:2px;color:#9de9c0}h1{font-size:42px;letter-spacing:-1px;margin:16px 0 8px}p{color:#a7bac8}label{display:block;margin:16px 0 6px}input{width:100%;font:inherit;border-radius:8px;background:#0d1b22;color:#e3edf4;border:1px solid #38515e;padding:12px}button{font:inherit;width:100%;margin-top:22px;border:0;border-radius:8px;padding:12px;background:#9de9c0;color:#12291d;cursor:pointer}.hint{font-size:13px}.error{color:#ffd19f}.error:empty{display:none}input:focus-visible,button:focus-visible{outline:3px solid #b8e8ff;outline-offset:3px}