:root{color-scheme:dark}body{margin:0;background:#111722;color:#eef1f8;font:15px/1.6 "Segoe UI",system-ui,sans-serif;padding:32px 18px}main{max-width:460px;margin:5vh auto;padding:28px;background:linear-gradient(145deg,#222c3d,#19202d);border:1px solid #48546c;border-radius:14px;box-shadow:inset 0 1px 0 #e1eaff18,0 14px 40px #0004}h1{font-size:25px;line-height:1.3}.brand{font-size:24px;font-weight:900;letter-spacing:1px;color:#ed95c3}label{display:flex;flex-direction:column;margin:16px 0;gap:6px}input{box-sizing:border-box;width:100%;background:#131c2b;color:#f5f7ff;border:1px solid #596780;border-radius:7px;padding:11px;font:inherit}button{background:#e9197b;color:#fff;border:1px solid #f66fab;border-radius:8px;font:600 15px "Segoe UI",sans-serif;padding:12px 18px;cursor:pointer}button:disabled{opacity:.65;cursor:default}a{color:#f6b8d7}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #ffa6ce;outline-offset:3px}.small{font-size:12px;color:#b6c1d5}[role=status]{color:#ffc6df;overflow-wrap:anywhere}