.optin[data-v-c0e6dcf6]{text-align:center;background:#0003;border:1px solid #93b29440;border-radius:20px;max-width:500px;margin:0 auto;padding:2.5rem}.optin-title[data-v-c0e6dcf6]{font-family:var(--font-heading);color:var(--color-off-white);margin:0 0 .5rem;font-size:1.4rem;font-weight:300}.optin-title strong[data-v-c0e6dcf6]{color:var(--color-sage);font-weight:900}.optin-text[data-v-c0e6dcf6]{color:#f5f5f599;margin:0 0 1.5rem;font-size:.92rem;line-height:1.6}.optin-form[data-v-c0e6dcf6]{width:100%}.optin-input-wrap[data-v-c0e6dcf6]{border:1px solid #93b2944d;border-radius:12px;gap:0;display:flex;overflow:hidden}.optin-input[data-v-c0e6dcf6]{color:var(--color-off-white);font-family:var(--font-body);background:#f5f5f50f;border:none;outline:none;flex:1;padding:.9rem 1rem;font-size:.95rem}.optin-input[data-v-c0e6dcf6]::placeholder{color:#f5f5f559}.optin-input[data-v-c0e6dcf6]:focus{background:#f5f5f51a}.optin-btn[data-v-c0e6dcf6]{background:var(--color-sage);color:var(--color-dark);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;padding:.9rem 1.8rem;font-size:.85rem;font-weight:700;transition:background .3s}.optin-btn[data-v-c0e6dcf6]:hover{background:var(--color-sage-dark)}.optin-btn[data-v-c0e6dcf6]:disabled{opacity:.7;cursor:not-allowed}.optin-error[data-v-c0e6dcf6]{color:#e57373;margin:.8rem 0 0;font-size:.82rem}.optin-privacy[data-v-c0e6dcf6]{color:#f5f5f559;margin:1rem 0 0;font-size:.75rem}.optin-success[data-v-c0e6dcf6]{padding:1rem 0}.optin-check[data-v-c0e6dcf6]{background:var(--color-sage);width:50px;height:50px;color:var(--color-dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;display:flex}.optin-success h3[data-v-c0e6dcf6]{font-family:var(--font-heading);color:var(--color-off-white);margin:0 0 .5rem;font-size:1.3rem;font-weight:900}.optin-success p[data-v-c0e6dcf6]{color:#f5f5f599;font-size:.9rem}.optin-spinner[data-v-c0e6dcf6]{border:2px solid var(--color-dark);border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin-c0e6dcf6;display:inline-block}@keyframes spin-c0e6dcf6{to{transform:rotate(360deg)}}@media (width<=600px){.optin[data-v-c0e6dcf6]{padding:1.8rem 1.2rem}.optin-input-wrap[data-v-c0e6dcf6]{border-radius:12px;flex-direction:column}.optin-input[data-v-c0e6dcf6]{border-radius:0}.optin-btn[data-v-c0e6dcf6]{padding:.9rem}}