:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#102a2c;--muted:#5f7374;--line:#d7e1df;--accent:#006d63;--paper:#f6f4ee;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);background:linear-gradient(135deg,#edf4f1,#f7f3e8 65%);min-height:100vh;margin:0;font:16px/1.5 system-ui,sans-serif}main{width:min(760px,100% - 32px);margin:64px auto}.card{border:1px solid var(--line);background:#ffffffeb;border-radius:20px;padding:32px;box-shadow:0 20px 55px #102a2c17}h1,h2{margin:0 0 16px;line-height:1.1}p{color:var(--muted)}label{margin:18px 0 6px;font-weight:650;display:block}input{border:1px solid var(--line);width:100%;font:inherit;border-radius:10px;padding:12px 14px}button,.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.secondary{color:var(--ink);background:#e6efed}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.code{letter-spacing:.12em;color:var(--accent);font:700 28px/1.2 ui-monospace,monospace}.error{color:#8c2820;background:#fff0ee;border-radius:10px;padding:12px}.ok{color:#176a34;background:#e8f6ec;border-radius:10px;padding:12px}