/* Free resources: page layout + email / pay-what-you-want box */
.price{display:inline-block;margin:6px 0 18px;padding:6px 16px;border:1px solid var(--acc);border-radius:9999px;color:var(--acc);font-weight:600;font-size:16px}
.tip{margin:26px 0;padding:18px 22px;border-left:3px solid var(--acc);background:#0f1011;border-radius:0 8px 8px 0;color:#c2ced7}
.tip b{color:var(--ink)}
.blocks{display:grid;gap:14px;margin:18px 0 8px}
.block{padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.block h3{font-size:19px;font-weight:600;margin-bottom:4px}
.block p{color:#b7c3cc;font-size:16px}
.section{padding:34px 0;border-top:1px solid var(--line)}
.section h2{font-size:28px;font-weight:600;line-height:1.2;margin-bottom:10px}
.section ul{margin:8px 0 0 22px;color:#c2ced7}
.section li{margin:5px 0}

.gate{margin:34px 0 56px;padding:30px;border:1px solid var(--acc);border-radius:10px;background:linear-gradient(135deg,#121415,#14111c)}
.gate h2{font-size:26px;font-weight:600;margin-bottom:6px}
.gate p.sub{color:#b7c3cc;margin-bottom:18px}
.gate label.l{display:block;font-size:15px;color:var(--mut);margin:14px 0 6px}
.gate input[type=email],.gate input[type=number]{width:100%;padding:13px 16px;border:1px solid var(--pill);border-radius:8px;background:#0b0b0b;color:var(--ink);font:inherit;font-size:17px}
.amounts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.amounts button{padding:10px 18px;border:1px solid var(--pill);border-radius:9999px;background:transparent;color:var(--ink);font:inherit;font-size:16px;cursor:pointer}
.amounts button[aria-pressed=true]{background:var(--acc);border-color:var(--acc);color:#0b0b0b}
.amounts input[type=number]{width:120px}
.consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0 18px;font-size:14px;color:var(--mut)}
.consent input{margin-top:5px}
.gate-msg{margin-top:12px;font-size:14px;color:var(--mut);min-height:1em}
.unlocked .row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.same{font-size:14px;color:var(--mut);margin-top:12px}
[hidden]{display:none!important}
.section p{margin:0 0 14px;color:#c2ced7}
.gate.done > h2,.gate.done > p.sub{display:none}
