*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:#061c2a;color:#d7e8ef}main{width:min(460px,calc(100% - 32px));margin:8vh auto}.brand{font-size:1.8rem;font-weight:800;color:#fff}.brand span{color:#24c9e0}.card{padding:32px;background:#fff;color:#183342;border-radius:20px;box-shadow:0 16px 60px #0003}.label{color:#087e94;font-size:.75rem;font-weight:800;letter-spacing:.1em}h1{font-size:1.8rem;margin:.6em 0 .3em}p{color:#5c7685}form{display:grid;gap:10px;margin-top:24px}label{font-weight:700;font-size:.9rem}input{width:100%;padding:12px;border:1px solid #bdd0d9;border-radius:8px;font:inherit}button{padding:12px;border:0;border-radius:9px;background:#18c7dc;color:#072631;font:inherit;font-weight:700;cursor:pointer;margin-top:10px}button:disabled{opacity:.6}.hint{font-size:.83rem;margin-top:25px}#message{color:#9b3241}

[hidden]{display:none!important}