/* Front-end opt-in styles with multiple themes */
.nnpo-wrap{margin:48px 0 0;position:relative}
.nnpo-card{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;
  border-radius:20px;padding:24px;
  box-shadow:0 18px 55px rgba(7,25,16,.14);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* THEME: SOFT (legacy) */
.nnpo-card.nnpo-style-soft{border:1px solid #dfeae4;background:linear-gradient(180deg,#f5fbf7,#eef7f1);}
.nnpo-card.nnpo-style-soft .nnpo-text h3{color:#0f291e}
.nnpo-card.nnpo-style-soft .nnpo-text p.sub{color:#416555}

/* THEME: BOLD (default) */
.nnpo-card.nnpo-style-bold{border:0;background:radial-gradient(1200px 600px at 10% 0%, #10b981 0%, #059669 40%, #064e3b 100%);color:#fff}
.nnpo-card.nnpo-style-bold .nnpo-text h3{color:#ffffff}
.nnpo-card.nnpo-style-bold .nnpo-text p.sub{color:rgba(255,255,255,.88)}
.nnpo-card.nnpo-style-bold .nnpo-form input[type=text],
.nnpo-card.nnpo-style-bold .nnpo-form input[type=email]{background:#ffffff;border:1px solid rgba(6,78,59,.25)}
.nnpo-card.nnpo-style-bold .nnpo-form button[type=submit]{background:#111827;color:#ffffff;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.nnpo-card.nnpo-style-bold .nnpo-success{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff}

/* THEME: DARK */
.nnpo-card.nnpo-style-dark{border:1px solid #1f2b26;background:linear-gradient(180deg,#0b1411,#0f1d18);color:#e6ffef}
.nnpo-card.nnpo-style-dark .nnpo-text h3{color:#f0fff7}
.nnpo-card.nnpo-style-dark .nnpo-text p.sub{color:#b6d6c7}
.nnpo-card.nnpo-style-dark .nnpo-form input[type=text],
.nnpo-card.nnpo-style-dark .nnpo-form input[type=email]{background:#0a1411;border:1px solid #29463a;color:#e9fff3}
.nnpo-card.nnpo-style-dark .nnpo-form input::placeholder{color:#86a79a}
.nnpo-card.nnpo-style-dark .nnpo-form button[type=submit]{background:#10b981;color:#05260f}
.nnpo-card.nnpo-style-dark .nnpo-success{background:#0a2b1f;border:1px solid #164532;color:#b6f3d4}

/* Shared elements */
.nnpo-text h3{margin:0 0 8px;font-size:clamp(24px,4vw,34px);line-height:1.15}
.nnpo-text p.sub{margin:0 0 14px}
.nnpo-media img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 10px 35px rgba(7,25,16,.22)}
.nnpo-form .row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
.nnpo-form input[type=text], .nnpo-form input[type=email]{width:100%;padding:12px 14px;border-radius:12px;font-size:15px}
.nnpo-form button[type=submit]{appearance:none;border:0;border-radius:12px;font-weight:700;
  padding:12px 18px;cursor:pointer}
.nnpo-form button[disabled]{opacity:.7;cursor:not-allowed;filter:saturate(.9)}
.nnpo-form small{display:block;margin-top:6px;opacity:.85}
.nnpo-success{display:none;border-radius:12px;padding:12px;margin-top:10px}
@media (max-width:900px){.nnpo-card{grid-template-columns:1fr}.nnpo-form .row{grid-template-columns:1fr}}