.newsletter-container{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:48px;max-width:520px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;animation:slideUp .6s ease-out;margin:0 auto}.newsletter-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857);animation:shimmer 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.newsletter-container .header{text-align:center;margin-bottom:40px}.newsletter-container .title{font-size:32px;font-weight:600;color:#0f172a;margin-bottom:8px;letter-spacing:-.02em}.newsletter-container .subtitle{color:#64748b;font-size:16px;font-weight:400;line-height:1.5}.newsletter-container .form-group{margin-bottom:24px;position:relative}.newsletter-container .form-group.double{display:grid;grid-template-columns:1fr 1fr;gap:16px}.newsletter-container label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px;letter-spacing:.01em}.newsletter-container input,.newsletter-container textarea{width:100%;padding:10px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;background:#fff;transition:all .2s ease;outline:none}.newsletter-container input{padding-bottom:10px!important}.newsletter-container input:focus,.newsletter-container textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.newsletter-container input:hover,.newsletter-container textarea:hover{border-color:#d1d5db}.newsletter-container textarea{resize:vertical;min-height:120px}.newsletter-container .submit-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;margin-top:8px}.newsletter-container .submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #10b98166}.newsletter-container .submit-btn:active{transform:translateY(-1px)}.newsletter-container .submit-btn.loading{pointer-events:none;opacity:.8}.newsletter-container .submit-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;right:20px;top:50%;transform:translateY(-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.newsletter-container .form-footer{margin-top:24px;text-align:center;color:#64748b;font-size:14px}.newsletter-container .success-message{background:#d1fae5;border:2px solid #10b981;color:#047857;padding:16px 20px;border-radius:12px;margin-bottom:24px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.newsletter-container .error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.newsletter-container .error-message{color:#ef4444;font-size:12px;margin-top:4px;display:none}@media (max-width: 640px){.newsletter-container .newsletter-container{padding:32px 24px;margin:20px;border-radius:20px}.newsletter-container .title{font-size:28px}.newsletter-container .form-group.double{grid-template-columns:1fr;gap:0}.newsletter-container .form-group.double .form-group{margin-bottom:24px}}.newsletter-container .floating-label{position:relative}.newsletter-container .floating-label input,.newsletter-container .floating-label textarea{padding-top:24px;padding-bottom:8px}.newsletter-container .floating-label label{position:absolute;left:20px;top:50%;transform:translateY(-50%);transition:all .2s ease;pointer-events:none;background:#fff;padding:0 4px;margin:0}.newsletter-container .floating-label label[for=message]{transform:unset;top:20px!important}.newsletter-container .floating-label input:focus+label,.newsletter-container .floating-label input:not(:placeholder-shown)+label{transform:translateY(-37px) scale(.85)!important;color:#10b981}.newsletter-container .floating-label textarea:focus+label,.newsletter-container .floating-label textarea:not(:placeholder-shown)+label{transform:translateY(-30px) scale(.85)!important;color:#10b981}.newsletter-container .floating-label input,.newsletter-container .floating-label textarea{padding-top:16px;padding-bottom:16px!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-newsletter.css.map */