.newsletter-container{width:100%;height:100%;padding:8rem 9rem;background-image:url(/images/backgrounds/newsletter-bg.png);background-size:cover;display:flex;align-items:center;justify-content:start}.newsletter-content{display:flex;flex-direction:column;container-type:inline-size;width:100%}.newsletter-title{width:100%;color:#fff;text-transform:uppercase;font-size:7.8cqw;font-weight:600;white-space:nowrap}.newsletter-form-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}.newsletter-subtitle-container{flex:1;display:flex;align-items:center;justify-content:start}.newsletter-subtitle{font-size:3.6cqw;font-weight:600}.newsletter-input-wrapper{flex:1;display:flex;flex-direction:column}.error-message{color:#dc2626;padding-bottom:1.25rem;font-weight:700}.newsletter-input-group{display:flex;width:100%;gap:.5rem}.newsletter-input{width:100%;padding:.75rem;background-color:var(--color-text);color:var(--color-text-dark);border:none;outline:none}.status-message{width:100%;padding:.5rem;font-weight:700;display:flex;justify-content:center;align-items:center;color:#fff}.loading-message{background-color:#fb923cd9;gap:1.25rem}.loading-icon{font-weight:700;font-size:1.25rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-status{background-color:#dc2626d9}.success-message{background-color:#16a34ad9}@media screen and (max-width:450px){.newsletter-container{background-image:url(/images/essentials/stayahead_mobil.png);background-size:cover;background-position:center}.newsletter-container{padding:6rem 1rem}.newsletter-form-wrapper{flex-direction:column;gap:1rem;margin-top:2rem}.newsletter-title{font-size:15cqw;text-align:center;text-wrap:wrap;font-weight:700}.newsletter-subtitle{font-size:8cqw}}