.email-capture{--ec-bg-light: #f8fafc;--ec-bg-dark: #1a1a2e;--ec-bg-gradient-start: #3b82f6;--ec-bg-gradient-end: #8b5cf6;--ec-dark: #1a1a2e;--ec-muted: #64748b;--ec-trust: #94a3b8;--ec-primary: #3b82f6;--ec-primary-hover: #2563eb;--ec-border: #e2e8f0;--ec-white: #ffffff;--ec-success: #10b981;--ec-error: #ef4444;--ec-radius: 12px}.email-capture{padding:60px 20px}.email-capture--light{background:var(--ec-bg-light)}.email-capture--dark{background:var(--ec-bg-dark)}.email-capture--dark .email-capture__headline,.email-capture--dark .email-capture__subheadline,.email-capture--dark .email-capture__trust,.email-capture--dark .email-capture__trust-count{color:var(--ec-white)}.email-capture--gradient{background:linear-gradient(135deg,var(--ec-bg-gradient-start) 0%,var(--ec-bg-gradient-end) 100%)}.email-capture--gradient .email-capture__icon,.email-capture--gradient .email-capture__headline,.email-capture--gradient .email-capture__subheadline,.email-capture--gradient .email-capture__trust,.email-capture--gradient .email-capture__trust-count{color:var(--ec-white)}.email-capture--gradient .email-capture__btn{background:var(--ec-white);color:var(--ec-primary)}.email-capture--gradient .email-capture__btn:hover{background:var(--ec-bg-light)}.email-capture__container{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.email-capture__icon{color:var(--ec-primary)}.email-capture__icon svg{width:56px;height:56px}.email-capture__headline{font-size:28px;font-weight:800;color:var(--ec-dark);margin:0;line-height:1.2}.email-capture__subheadline{font-size:16px;line-height:1.6;color:var(--ec-muted);margin:0;max-width:500px}.email-capture__form{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;margin-top:8px}.email-capture__input-group{display:flex;flex-direction:column;gap:12px;width:100%}.email-capture__input{width:100%;padding:16px 20px;font-size:16px;font-family:inherit;color:var(--ec-dark);background:var(--ec-white);border:2px solid var(--ec-border);border-radius:var(--ec-radius);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.email-capture__input::placeholder{color:var(--ec-trust)}.email-capture__input:focus{border-color:var(--ec-primary);box-shadow:0 0 0 3px #3b82f626}.email-capture__input--error{border-color:var(--ec-error)}.email-capture__input--error:focus{box-shadow:0 0 0 3px #ef444426}.email-capture__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:700;font-family:inherit;color:var(--ec-white);background:var(--ec-primary);border:none;border-radius:var(--ec-radius);cursor:pointer;transition:background .2s ease,transform .2s ease}.email-capture__btn:hover{background:var(--ec-primary-hover);transform:translateY(-2px)}.email-capture__btn:active{transform:translateY(0)}.email-capture__btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.email-capture__btn-icon{width:20px;height:20px}.email-capture__spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:ec-spin .8s linear infinite}@keyframes ec-spin{to{transform:rotate(360deg)}}.email-capture__error{font-size:14px;color:var(--ec-error);margin:0}.email-capture__success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px}.email-capture__success-icon{width:48px;height:48px;color:var(--ec-success)}.email-capture__success-message{font-size:18px;font-weight:700;color:var(--ec-dark);margin:0}.email-capture--dark .email-capture__success-message,.email-capture--gradient .email-capture__success-message{color:var(--ec-white)}.email-capture__trust{font-size:14px;color:var(--ec-trust);margin:0}.email-capture__trust-count{font-weight:700;color:var(--ec-muted)}@media(min-width:640px){.email-capture{padding:80px 40px}.email-capture__icon svg{width:60px;height:60px}.email-capture__headline{font-size:36px}.email-capture__subheadline{font-size:18px}.email-capture__input-group{flex-direction:row}.email-capture__input{flex:1}.email-capture__btn{width:auto;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.email-capture__btn{transition:none}.email-capture__btn:hover{transform:none}.email-capture__spinner{animation:none}}.email-capture__btn:focus-visible{outline:3px solid var(--ec-primary);outline-offset:2px}.email-capture--gradient .email-capture__btn:focus-visible{outline-color:var(--ec-white)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/email-capture.css.map */