.newsletter-premium {
    position: relative;
    padding: clamp(3.5rem, 8vw, 7rem) 0;
    overflow: clip;
    background: #f3f9f8;
}

.newsletter-premium__shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.1fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
    max-width: none;
    margin: 0;
    padding: clamp(1.5rem, 4vw, 3.5rem);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 42px;
    background:
        radial-gradient(circle at 8% 90%, rgba(32, 201, 139, .22), transparent 20rem),
        radial-gradient(circle at 48% 0, rgba(255, 181, 71, .13), transparent 18rem),
        #071b2b;
    box-shadow: 0 32px 85px rgba(7, 27, 43, .2);
}

.newsletter-premium__content {
    position: relative;
    z-index: 1;
    min-width: 0;
    color: #fff;
}

.newsletter-premium__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin: 0 0 .9rem;
    padding: .65rem .9rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #7ce7c1;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.newsletter-premium__title {
    max-width: 13ch;
    margin: 0;
    color: #fff;
    font-size: clamp(2.25rem, 4.4vw, 4.35rem);
    font-weight: 900;
    line-height: .96;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
    text-wrap: balance;
}

.newsletter-premium__subtitle {
    max-width: 56ch;
    margin: 1.1rem 0 0;
    color: rgba(255, 255, 255, .66);
    font-size: 1rem;
    line-height: 1.75;
}

.newsletter-premium__benefits {
    display: grid;
    gap: .7rem;
    margin: 1.5rem 0 0;
    padding: 0;
    color: rgba(255, 255, 255, .78);
    list-style: none;
    font-size: .86rem;
    font-weight: 700;
}

.newsletter-premium__benefits li { display: flex; align-items: center; gap: .7rem; }
.newsletter-premium__benefits i { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: 10px; background: rgba(32, 201, 139, .12); color: #7ce7c1; }

.newsletter-premium__visual { position: absolute; right: -1rem; bottom: -4rem; width: 10rem; height: 10rem; opacity: .42; pointer-events: none; }
.newsletter-premium__visual-icon { position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 4rem; height: 4rem; translate: -50% -50%; place-items: center; border: 1px solid rgba(255, 255, 255, .2); border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; font-size: 1.25rem; }
.newsletter-premium__visual-orbit { position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; }
.newsletter-premium__visual-orbit--two { inset: 1.5rem; }

.newsletter-premium__form-card {
    position: relative;
    z-index: 1;
    max-width: none;
    padding: clamp(1.35rem, 3vw, 2.5rem);
    overflow: visible;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 32px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 65px rgba(0, 0, 0, .2);
}

.newsletter-premium__form-head { display: block; margin-bottom: 1.4rem; }
.newsletter-premium__badge { display: inline-flex; align-items: center; gap: .45rem; width: max-content; padding: .5rem .7rem; border-radius: 999px; background: #e8f8f3; color: #086b66; font-size: .7rem; font-weight: 850; }
.newsletter-premium__form-head h3 { margin: .85rem 0 .5rem; color: #071b2b; font-size: clamp(1.5rem, 2.4vw, 2.2rem); line-height: 1.05; letter-spacing: -.04em; }
.newsletter-premium__form-head p { margin: 0; color: #62717d; font-size: .88rem; line-height: 1.6; }

.newsletter-form--premium { display: grid; gap: 1rem; }
.newsletter-form__grid--premium { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.newsletter-form--premium .newsletter-form__field { min-width: 0; }
.newsletter-form--premium .newsletter-form__field label { display: block; margin-bottom: .45rem; color: #071b2b; font-size: .78rem; font-weight: 850; }
.newsletter-form__control { position: relative; display: flex; align-items: center; }
.newsletter-form__control > i { position: absolute; z-index: 1; left: 1rem; color: #0c8f87; font-size: .9rem; }
.newsletter-form--premium .newsletter-form__control .form-control { width: 100%; min-height: 3.7rem; padding: 0 1rem 0 2.75rem; border: 1px solid rgba(7, 27, 43, .1); border-radius: 17px; background: #f8fbfb; box-shadow: none; color: #071b2b; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.newsletter-form--premium .newsletter-form__control .form-control:focus { border-color: rgba(12, 143, 135, .55); background: #fff; box-shadow: 0 0 0 4px rgba(12, 143, 135, .1); transform: none; }

.newsletter-form__consent--premium { display: flex; align-items: flex-start; gap: .7rem; padding: .85rem; border: 1px solid rgba(7, 27, 43, .08); border-radius: 17px; background: #f5f9f9; color: #596a76; }
.newsletter-form__consent--premium input { width: 1.15rem; height: 1.15rem; margin-top: .15rem; flex: 0 0 auto; accent-color: #0c8f87; }
.newsletter-form__consent--premium span { font-size: .78rem; line-height: 1.55; }
.newsletter-form__actions--premium { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1rem; align-items: center; }
.newsletter-form--premium .newsletter-form__submit { width: auto; min-width: 170px; min-height: 3.4rem; justify-content: center; border-radius: 999px; box-shadow: 0 14px 35px rgba(12, 143, 135, .2); }
.newsletter-form--premium .newsletter-form__note { display: flex; gap: .5rem; margin: 0; color: #687782; font-size: .72rem; line-height: 1.55; }
.newsletter-form--premium .newsletter-form__note i { margin-top: .18rem; color: #0c8f87; }
.newsletter-form--premium .newsletter-form__feedback { padding: .85rem 1rem; border-radius: 16px; font-size: .85rem; font-weight: 750; }
.newsletter-form--premium .newsletter-form__feedback.is-success { border: 1px solid rgba(34, 197, 94, .18); background: rgba(34, 197, 94, .08); color: #15803d; }
.newsletter-form--premium .newsletter-form__feedback.is-error { border: 1px solid rgba(239, 68, 68, .18); background: rgba(239, 68, 68, .08); color: #b91c1c; }

[dir="rtl"] .newsletter-form__control > i { right: 1rem; left: auto; }
[dir="rtl"] .newsletter-form--premium .newsletter-form__control .form-control { padding-right: 2.75rem; padding-left: 1rem; }
[dir="rtl"] .newsletter-form--premium .newsletter-form__submit i { transform: scaleX(-1); }

@media (max-width: 1080px) {
    .newsletter-premium__shell { grid-template-columns: 1fr; }
    .newsletter-premium__title { max-width: 16ch; }
    .newsletter-premium__content { max-width: 760px; }
    .newsletter-premium__form-card { max-width: 820px; }
}

@media (max-width: 680px) {
    .newsletter-premium { padding-block: 2.5rem; }
    .newsletter-premium__shell { gap: 2rem; padding: 1.15rem; border-radius: 30px; }
    .newsletter-premium__content { padding: 1rem .4rem 0; }
    .newsletter-premium__title { font-size: clamp(2rem, 10vw, 3.2rem); }
    .newsletter-premium__visual { display: none; }
    .newsletter-premium__form-card { padding: 1.1rem; border-radius: 24px; }
    .newsletter-form__grid--premium, .newsletter-form__actions--premium { grid-template-columns: 1fr; }
    .newsletter-form--premium .newsletter-form__submit { width: 100%; }
}

@media (max-width: 380px) {
    .newsletter-premium__shell { padding: .75rem; border-radius: 24px; }
    .newsletter-premium__content { padding-inline: .35rem; }
    .newsletter-premium__form-card { padding: .9rem; border-radius: 20px; }
}
