:root{font-family:system-ui,sans-serif;color:#e9eef9;background:#0d1424;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:660px;margin:auto}.label{font-size:12px;letter-spacing:2px;color:#9ab0d8}h1{font-size:44px;margin:15px 0}p{line-height:1.6;color:#b9c6df}form,article{background:#172239;padding:26px;border:1px solid #2b3c5c;border-radius:16px;margin-top:26px}label{display:block;margin-bottom:20px}input{display:block;width:100%;padding:13px;margin-top:8px;background:#0d1424;border:1px solid #607298;border-radius:8px;color:white;font-size:16px}button{border:0;background:#83b1ff;color:#101b2d;border-radius:8px;padding:14px 22px;font-size:16px;font-weight:700;cursor:pointer;width:100%}button:disabled{opacity:.5}.note{font-size:13px}h2{font-size:19px;overflow-wrap:anywhere}a{display:block;color:#9ec3ff;margin:16px 0;overflow-wrap:anywhere}.code{font:24px monospace;color:#fff}:focus-visible{outline:3px solid #ffbd66;outline-offset:3px}