:root{--ground:#f4f5f2;--ink:#1b2530;--ink-2:#4a5751;--ink-3:#6e7b75;--rule:#d9ded9;--accent:#2e7d5b;--accent-dark:#256649}*{box-sizing:border-box}html,body{background:var(--ground);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{grid-template-rows:1fr auto;min-height:100vh;padding:32px 24px;display:grid}.hero{place-self:center;width:100%;max-width:460px}.wordmark{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 40px;font-size:15px;font-weight:600}h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 16px;font-size:clamp(34px,5vw,46px);font-weight:600;line-height:1.08}.lede{color:var(--ink-2);margin:0 0 40px;font-size:18px}.gate{border-top:1px solid var(--rule);padding-top:24px}.gate label{color:var(--ink-3);margin-bottom:8px;font-size:14px;display:block}.gate .row{gap:8px;display:flex}.gate input{min-width:0;font:inherit;border:1px solid var(--rule);color:var(--ink);background:#fff;border-radius:6px;flex:1;padding:11px 14px}.gate input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.gate button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:11px 18px;font-weight:600}.gate button:hover{background:var(--accent-dark)}.error{color:#a8401f;margin:10px 0 0;font-size:14px}footer{color:var(--ink-3);text-align:center;font-size:13px}.preview{text-align:center;place-self:center;max-width:560px}.preview p{color:var(--ink-2)}.linkbtn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}