.newsletter-form{display:flex;flex-direction:column;align-items:center;max-width:56rem;margin:0 auto}.newsletter-section{padding-top:var(--newsletter-padding-top, 0px);padding-bottom:var(--newsletter-padding-bottom, 0px);background:var(--newsletter-bg, var(--color-accent));position:relative;overflow:hidden}.newsletter-section:before,.newsletter-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:var(--newsletter-accent, var(--color-btn-solid-bg));opacity:.05;filter:blur(100px);pointer-events:none}.newsletter-section:before{top:-200px;right:-100px}.newsletter-section:after{bottom:-200px;left:-100px}.newsletter__container{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}.newsletter__card{background:var(--newsletter-card-bg, var(--color-background));border:1px solid rgba(var(--color-foreground-rgb),.08);border-radius:24px;padding:5rem 4rem;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media screen and (max-width:749px){.newsletter__card{padding:3rem 2rem;border-radius:16px}}.newsletter__icon{width:70px;height:70px;margin:0 auto 2.5rem;display:flex;align-items:center;justify-content:center;background:var(--newsletter-icon-bg, var(--color-btn-solid-bg));border-radius:50%;color:var(--newsletter-icon-text, var(--color-btn-solid-label));opacity:0;transform:scale(.8);animation:popIn .6s cubic-bezier(.16,1,.3,1) forwards}.newsletter__icon svg{width:32px;height:32px}@keyframes popIn{to{opacity:1;transform:scale(1)}}.newsletter__label{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-heading-family);font-size:1.1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--newsletter-accent, var(--color-accent));margin-bottom:1.5rem;opacity:0;animation:fadeUp .6s ease .1s forwards}.newsletter__heading{font-family:var(--font-heading-family);font-size:clamp(2.8rem,4vw,4rem);font-weight:var(--newsletter-heading-weight, 400);line-height:1.2;color:var(--newsletter-heading-color, var(--color-heading));margin:0 0 1.5rem;opacity:0;animation:fadeUp .6s ease .2s forwards}.newsletter__text{font-size:1.6rem;line-height:1.7;color:var(--newsletter-text-color, var(--color-foreground));opacity:0;animation:fadeUp .6s ease .3s forwards;margin-bottom:3rem}@keyframes fadeUp{to{opacity:.85;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.newsletter__form{max-width:500px;margin:0 auto;opacity:0;animation:fadeUp .6s ease .4s forwards}.newsletter__form-wrapper{display:flex;gap:1rem;position:relative}@media screen and (max-width:600px){.newsletter__form-wrapper{flex-direction:column}}.newsletter__field{flex:1;position:relative}.newsletter__input{width:100%;padding:1.8rem 2rem;font-size:1.5rem;background:var(--newsletter-input-bg, rgba(var(--color-foreground-rgb), .03));border:2px solid rgba(var(--color-foreground-rgb),.1);border-radius:100px;color:var(--newsletter-text-color, var(--color-foreground));transition:all .4s cubic-bezier(.16,1,.3,1);outline:none}.newsletter__input::placeholder{color:rgba(var(--color-foreground-rgb),.4);transition:opacity .3s ease}.newsletter__input:focus{border-color:var(--newsletter-accent, var(--color-accent));box-shadow:0 0 0 4px rgba(var(--color-foreground-rgb),.15)}.newsletter__input:focus::placeholder{opacity:0}.newsletter__button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.8rem 3rem;font-family:var(--font-heading-family);font-size:1.3rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;background:var(--newsletter-button-bg, var(--color-foreground));color:var(--newsletter-button-text, var(--color-background));border:none;border-radius:100px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0}.newsletter__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(var(--color-background-rgb),.2),transparent);transform:translate(-100%);transition:transform .6s ease}.newsletter__button:hover:before{transform:translate(100%)}.newsletter__button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--color-foreground-rgb),.15)}.newsletter__button svg{width:18px;height:18px;transition:transform .3s ease}.newsletter__button:hover svg{transform:translate(4px)}.newsletter__message{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem;font-size:1.4rem;padding:1rem 1.5rem;border-radius:8px}.newsletter__message svg{width:18px;height:18px;flex-shrink:0}.newsletter__message--error{background:rgba(var(--color-error-rgb),.1);color:var(--color-error)}.newsletter__message--success{background:rgba(var(--color-success-rgb),.12);color:var(--color-success);animation:successPop .5s ease forwards}@keyframes successPop{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.newsletter__benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(var(--color-foreground-rgb),.08);opacity:0;animation:fadeUp .6s ease .5s forwards}.newsletter__benefit{display:flex;align-items:center;gap:.8rem;font-size:1.3rem;color:var(--newsletter-text-color, var(--color-foreground));opacity:.75}.newsletter__benefit-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--newsletter-accent, var(--color-accent))}.newsletter__benefit-icon svg{width:16px;height:16px}.preset-futuristic_neon .newsletter__card{background:rgba(var(--color-background-rgb),.4);border-color:rgba(var(--color-accent-rgb),.2)}.preset-futuristic_neon .newsletter__input{background:rgba(var(--color-background-rgb),.5);border-color:rgba(var(--color-accent-rgb),.3)}.preset-luxury_contrast .newsletter__icon{background:var(--gradient-accent)}@media(prefers-reduced-motion:reduce){.newsletter__icon,.newsletter__label,.newsletter__heading,.newsletter__text,.newsletter__form,.newsletter__benefits,.newsletter__message--success{opacity:1!important;transform:none!important;animation:none!important}}.newsletter-form__field-wrapper{display:flex;width:100%;border-radius:100px;overflow:hidden;box-shadow:0 4px 20px rgba(var(--color-foreground-rgb),.08);transition:box-shadow .3s ease}.newsletter-form__field-wrapper:focus-within{box-shadow:0 6px 30px rgba(var(--color-foreground-rgb),.12)}.newsletter-form__field-wrapper .field__input{flex-grow:1;border-radius:100px 0 0 100px;border:none;padding:1.6rem 2.4rem;font-size:1.5rem;background:rgba(var(--color-foreground-rgb),.04);transition:background .3s ease}.newsletter-form__field-wrapper .field__input:focus{background:rgba(var(--color-foreground-rgb),.06);outline:none}.newsletter-form__field-wrapper .field__input::placeholder{opacity:.5}.newsletter-form__button{width:auto;background-color:var(--color-foreground);color:var(--color-background);padding:1.6rem 3.5rem;border:none;border-radius:0 100px 100px 0;cursor:pointer;font-family:var(--font-heading-family);font-size:1.3rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.newsletter-form__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 ease}.newsletter-form__button:hover{transform:translate(2px)}.newsletter-form__button:hover:before{left:100%}.newsletter-form__message{width:100%;margin-top:1.5rem;font-size:1.35rem;text-align:center;padding:1rem 0}.newsletter-form__message--success{color:var(--color-success)}@media(hover:none)and (pointer:coarse){.newsletter-form__button:hover{transform:none}.newsletter-form__button:before{display:none}}@media screen and (max-width:749px){.newsletter-form__field-wrapper{flex-direction:column;border-radius:0;box-shadow:none}.newsletter-form__field-wrapper .field__input{border-radius:100px;margin-bottom:1rem;box-shadow:0 4px 20px rgba(var(--color-foreground-rgb),.08)}.newsletter-form__button{border-radius:100px;width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-newsletter.css.map */