.newsletter-box{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;margin:var(--space-10) 0}.newsletter-box__icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-primary)}.newsletter-box__icon svg{width:22px;height:22px}.newsletter-box__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--text-primary);margin-bottom:var(--space-2)}.newsletter-box__desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto}.newsletter-box__form{display:flex;gap:var(--space-3);max-width:420px;margin:0 auto}@media(max-width:640px){.newsletter-box__form{flex-direction:column}}.newsletter-box__input{flex:1;padding:var(--space-3) var(--space-5);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-family:inherit;outline:none;background:var(--color-white);transition:border-color .2s}.newsletter-box__input:focus{border-color:var(--color-primary)}.newsletter-box__btn{padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background var(--transition-base)}.newsletter-box__btn:hover{background:var(--color-primary-dark)}