*{box-sizing:border-box}body{margin:0;padding:48px 20px;background:#101827;color:#e5e7eb;font-family:system-ui,sans-serif}main{max-width:560px;margin:auto}.sub{color:#aab7cc}section{background:#1d293b;padding:28px;border:1px solid #344258;border-radius:16px;margin-top:30px}h1{font-size:34px}label{display:block;margin:18px 0}input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #59677c;border-radius:8px;background:#111b2b;color:#fff;font-size:16px}button{background:#38bdf8;color:#082032;padding:12px 22px;border:0;border-radius:8px;font-size:16px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#message{color:#fbbf24;overflow-wrap:anywhere}[hidden]{display:none!important}