:root{--newsletter-primary: #667eea;--newsletter-secondary: #764ba2;--newsletter-accent: #f093fb;--newsletter-success: #10dc60;--newsletter-error: #f04141;--newsletter-text-light: #ffffff;--newsletter-text-dark: #2d3748;--newsletter-gray-100: #f7fafc;--newsletter-gray-200: #edf2f7;--newsletter-gray-800: #2d3748;--newsletter-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--newsletter-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--newsletter-shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--newsletter-shadow-xl: 0 20px 40px rgba(0, 0, 0, .1);--newsletter-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.newsletter-section-modern{position:relative;background:linear-gradient(135deg,var(--newsletter-primary) 0%,var(--newsletter-secondary) 100%);padding:80px 20px;overflow:hidden;min-height:400px;display:flex;align-items:center;justify-content:center}.newsletter-section-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0%,transparent 50%);animation:newsletterFloat 15s ease-in-out infinite;z-index:1}@keyframes newsletterFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}.newsletter-content{position:relative;z-index:2;max-width:600px;width:100%;text-align:center;color:var(--newsletter-text-light)}.newsletter-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1);animation:fadeInUp .8s ease-out}.newsletter-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.95;font-weight:400;line-height:1.6;animation:fadeInUp .8s ease-out .2s both}.newsletter-form-modern{display:flex;flex-direction:column;gap:1rem;max-width:450px;margin:0 auto;animation:fadeInUp .8s ease-out .4s both}.newsletter-form-row{display:flex;gap:.5rem;align-items:stretch}.newsletter-email-wrapper{position:relative;flex:1}.newsletter-email{width:100%;padding:16px 20px 16px 50px;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--newsletter-text-light);font-size:16px;transition:var(--newsletter-transition);box-shadow:var(--newsletter-shadow-md)}.newsletter-email::placeholder{color:#ffffffb3}.newsletter-email:focus{outline:none;border-color:var(--newsletter-accent);background:#ffffff26;transform:translateY(-2px);box-shadow:var(--newsletter-shadow-lg)}.newsletter-email.error{border-color:var(--newsletter-error);animation:shake .5s ease-in-out}.newsletter-email.success{border-color:var(--newsletter-success)}.newsletter-email-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:18px;pointer-events:none;transition:var(--newsletter-transition)}.newsletter-email:focus+.newsletter-email-icon{color:var(--newsletter-accent)}.newsletter-button{padding:16px 32px;background:var(--newsletter-accent);background:linear-gradient(45deg,var(--newsletter-accent),#ff6b6b);border:none;border-radius:50px;color:var(--newsletter-text-light);font-size:16px;font-weight:600;cursor:pointer;transition:var(--newsletter-transition);box-shadow:var(--newsletter-shadow-md);display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;position:relative;overflow:hidden}.newsletter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.newsletter-button:hover{transform:translateY(-2px);box-shadow:var(--newsletter-shadow-xl)}.newsletter-button:hover:before{left:100%}.newsletter-button:active{transform:translateY(0)}.newsletter-button.loading{pointer-events:none}.newsletter-button.loading .newsletter-button-text{opacity:0}.newsletter-spinner{position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--newsletter-text-light);border-radius:50%;animation:spin 1s linear infinite;opacity:0;transition:opacity .3s}.newsletter-button.loading .newsletter-spinner{opacity:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.newsletter-message{margin-top:1rem;padding:12px 20px;border-radius:25px;font-weight:500;display:flex;align-items:center;gap:8px;transform:translateY(-10px);opacity:0;transition:var(--newsletter-transition)}.newsletter-message.show{transform:translateY(0);opacity:1}.newsletter-message.success{background:#10dc6033;border:1px solid rgba(16,220,96,.3);color:var(--newsletter-text-light)}.newsletter-message.error{background:#f0414133;border:1px solid rgba(240,65,65,.3);color:var(--newsletter-text-light)}.newsletter-social-proof{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem;opacity:.8;animation:fadeInUp .8s ease-out .6s both}.newsletter-avatars{display:flex;margin-right:8px}.newsletter-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.5);margin-left:-8px;background:linear-gradient(45deg,var(--newsletter-accent),var(--newsletter-primary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.newsletter-social-text{font-size:14px;color:#ffffffe6}.newsletter-privacy{margin-top:1.5rem;font-size:14px;color:#ffffffb3;line-height:1.4}.newsletter-privacy a{color:var(--newsletter-accent);text-decoration:none}.newsletter-privacy a:hover{text-decoration:underline}.newsletter-modal-modern{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.newsletter-modal-modern.active{opacity:1;visibility:visible}.newsletter-modal-content{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--newsletter-shadow-xl);transform:scale(.9) translateY(20px);transition:transform .3s ease}.newsletter-modal-modern.active .newsletter-modal-content{transform:scale(1) translateY(0)}.newsletter-modal-header{background:linear-gradient(135deg,var(--newsletter-primary),var(--newsletter-secondary));color:#fff;padding:40px 30px;text-align:center;position:relative;border-radius:20px 20px 0 0}.newsletter-modal-close{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--newsletter-transition)}.newsletter-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.newsletter-modal-body{padding:40px 30px;text-align:center;color:var(--newsletter-text-dark)}.newsletter-modal-form{margin-top:30px}.newsletter-modal-email{width:100%;padding:16px 20px;border:2px solid var(--newsletter-gray-200);border-radius:50px;font-size:16px;transition:var(--newsletter-transition);margin-bottom:20px}.newsletter-modal-email:focus{outline:none;border-color:var(--newsletter-primary);box-shadow:0 0 0 3px #667eea1a}.newsletter-modal-button{width:100%;padding:16px;background:linear-gradient(45deg,var(--newsletter-primary),var(--newsletter-secondary));border:none;border-radius:50px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:var(--newsletter-transition)}.newsletter-modal-button:hover{transform:translateY(-2px);box-shadow:var(--newsletter-shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.newsletter-section-modern{padding:60px 20px;min-height:350px}.newsletter-title{font-size:2.25rem}.newsletter-subtitle{font-size:1.1rem}.newsletter-form-row{flex-direction:column;gap:1rem}.newsletter-button{width:100%;justify-content:center}.newsletter-social-proof{flex-direction:column;gap:.5rem}.newsletter-modal-header,.newsletter-modal-body{padding:30px 20px}}@media (max-width: 480px){.newsletter-section-modern{padding:40px 15px}.newsletter-title{font-size:2rem}.newsletter-subtitle{font-size:1rem}.newsletter-email,.newsletter-button,.newsletter-modal-email,.newsletter-modal-button{font-size:16px}}@media (prefers-contrast: high){.newsletter-email{border-color:#fff;background:#fff3}.newsletter-button{border:2px solid white}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.newsletter-section-modern:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/newsletter-modern.css.map */