*{box-sizing:border-box}body{margin:0;background:#0b1018;color:#f4f7fb;font:16px system-ui;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,460px);background:#131d2b;border:1px solid #27374e;border-radius:20px;padding:32px}.brand{color:#6fb4ff;font-weight:800;letter-spacing:2px}h1{font-size:32px}p{color:#b5c3d5;line-height:1.5}label{display:block;margin:20px 0}input{display:block;width:100%;padding:14px;margin-top:8px;border:1px solid #49627e;border-radius:8px;background:#0b1018;color:white;font:inherit}button{font:inherit;cursor:pointer;border-radius:8px;border:0;background:#2380e8;color:white;padding:14px}#submit{width:100%;font-weight:700}nav{display:flex;gap:8px;flex-wrap:wrap}nav button{background:transparent;color:#8ac2ff;padding:8px}.note{font-size:13px}button:disabled{opacity:.5}#status{min-height:24px}[hidden]{display:none!important}