/* Freebie opt-in (2 Nov 2026). Hanya dimuat di halaman yang punya blok opt-in atau /gratis/. Warna = style.css situs. */
.optin{border:2px dashed var(--g);border-radius:12px;background:var(--g2);margin:22px 0;padding:12px 16px}
.optin p{margin:.35em 0}
.optin-form{margin:.6em 0 .3em}
.optin-form label{font-weight:600;font-size:.92rem;display:block;margin-bottom:4px}
.optin-baris{display:flex;flex-wrap:wrap;gap:8px}
.optin-baris input[type=email]{flex:1 1 100%;min-width:0;font:inherit;padding:10px 12px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.optin-baris input[type=email]:focus{outline:2px solid var(--g);outline-offset:1px}
.optin .btn{white-space:normal;border:0;cursor:pointer;font:inherit;font-weight:700;padding:10px 18px;border-radius:9px;flex:0 1 auto}
.optin-form .optin-setuju{font-weight:400;display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.optin-setuju input{margin-top:5px;flex:none;width:18px;height:18px}
.optin-izin{color:var(--mut)}
.gratis-dua{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:18px;align-items:start}
.gratis-pratinjau{margin:0}.gratis-pratinjau img{width:100%;height:auto;border:1px solid var(--line);border-radius:6px;background:#fff}
@media (max-width:620px){.gratis-dua{grid-template-columns:1fr}.gratis-pratinjau{max-width:260px}.optin .btn{width:100%}}
.optin-sukses{border:1px solid #2e7d32;border-radius:8px;padding:12px;background:#f1f8f1}.optin-gagal{color:#b00020}