*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0b121b;color:#e9f2fb;font:16px/1.6 system-ui,sans-serif}main{width:min(420px,calc(100% - 32px));padding:34px;border:1px solid #273647;border-radius:18px;background:#111d29}.mark{color:#42d3ce;font-size:32px}h1{margin:4px 0;font-size:28px}.subtitle,.note{color:#91a9bd}.subtitle{margin:0 0 26px}label{display:block;margin:14px 0 7px}input{width:100%;padding:12px;border:1px solid #344a5e;border-radius:8px;background:#0b1521;color:#fff;font:inherit}input:focus{outline:2px solid #42d3ce;outline-offset:2px}button{width:100%;margin-top:25px;padding:12px;background:#42d3ce;color:#082025;border:0;border-radius:8px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#message{min-height:26px;color:#ffb4a9}.note{font-size:13px;margin-bottom:0}