@font-face{font-family:Dosis;src:url('/DOSIS_VARIABLE.ttf')}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#0a1010;color:#edf4f1;font:20px/1.5 Dosis,sans-serif;padding:24px}main{width:min(100%,510px);padding:36px;background:linear-gradient(135deg,#ffffff0c,transparent),#141e1c;border:1px solid #ffffff29;border-radius:28px;box-shadow:inset 0 1px #ffffff35,0 20px 60px #0005}h1{font-size:42px;margin:10px 0}.label{font-size:14px;letter-spacing:.12em}label{display:block;margin:16px 0 8px}input,button{font:inherit;width:100%;padding:12px 16px;border-radius:14px;border:1px solid #74978f;background:#0e1514;color:inherit;min-height:48px}button{margin-top:16px;cursor:pointer;background:linear-gradient(140deg,#87e0d4,#43b9ad);color:#06241e;font-weight:700}button:disabled{opacity:.5;cursor:wait}small{color:#bbcbc5;display:block;margin-top:24px;font-size:16px}details{margin-top:22px}summary{cursor:pointer}#status{font-size:18px;color:#a0e8d8}input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #79dbcd;outline-offset:3px}@media(max-width:480px){body{padding:14px}main{padding:24px}}
