.newsletter-hero{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
    gap:42px;
    align-items:center;
    padding-top:64px;
    padding-bottom:44px;
}
.newsletter-hero__copy h1{
    margin:10px 0 18px;
    max-width:900px;
    font-size:clamp(2.5rem,6vw,5.7rem);
    line-height:.93;
    letter-spacing:-.055em;
}
.newsletter-hero__copy h1 span{color:var(--accent,#ff2b2b)}
.newsletter-hero__lead{
    max-width:680px;
    margin:0 0 30px;
    color:var(--muted,#b9afaf);
    font-size:clamp(1rem,2vw,1.3rem);
}
.newsletter-benefits{display:grid;gap:12px;max-width:760px}
.newsletter-benefits>div{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    gap:18px;
    padding:15px 0;
    border-top:1px solid var(--line,rgba(255,255,255,.09));
}
.newsletter-benefits strong{color:#fff}
.newsletter-benefits span{color:var(--muted,#b9afaf)}

.newsletter-signup-card{
    padding:30px;
    border:1px solid rgba(255,43,43,.28);
    border-radius:24px;
    background:
        radial-gradient(circle at top right,rgba(255,43,43,.12),transparent 42%),
        rgba(255,255,255,.025);
    box-shadow:0 26px 80px rgba(0,0,0,.3);
}
.newsletter-signup-card__label{
    display:inline-flex;
    margin-bottom:12px;
    padding:6px 10px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    color:#ddd;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.newsletter-signup-card h2{margin:0 0 8px;font-size:2rem}
.newsletter-signup-card>p{margin:0 0 22px;color:var(--muted,#b9afaf)}

.newsletter-page-form{display:grid;gap:15px}
.newsletter-page-form__email{display:grid;gap:7px}
.newsletter-page-form__email span{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.newsletter-page-form__email input{
    width:100%;
    min-height:54px;
    padding:0 15px;
    border:1px solid var(--line,rgba(255,255,255,.1));
    border-radius:12px;
    background:#0f0e0e;
    color:#fff;
    outline:0;
}
.newsletter-page-form__email input:focus{
    border-color:rgba(255,43,43,.72);
    box-shadow:0 0 0 3px rgba(255,43,43,.11);
}
.newsletter-page-form__consent{
    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    gap:10px;
    align-items:start;
    color:var(--muted,#b9afaf);
    font-size:.78rem;
    line-height:1.5;
}
.newsletter-page-form__consent input{margin-top:3px;accent-color:var(--accent,#ff2b2b)}
.newsletter-page-form__consent strong{color:#fff}
.newsletter-page-form__submit{width:100%;min-height:52px}
.newsletter-page-form.is-complete .newsletter-page-form__email,
.newsletter-page-form.is-complete .newsletter-page-form__consent{opacity:.55}
.newsletter-page-status{
    margin:0 0 15px;
    padding:12px 14px;
    border-radius:12px;
    font-size:.85rem;
    line-height:1.45;
}
.newsletter-page-status.is-success{
    color:#a9edc4;
    border:1px solid rgba(64,200,120,.3);
    background:rgba(64,200,120,.1);
}
.newsletter-page-status.is-error{
    color:#ffc0c0;
    border:1px solid rgba(255,43,43,.3);
    background:rgba(255,43,43,.1);
}
.newsletter-legal-short{
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid var(--line,rgba(255,255,255,.09));
    color:var(--muted,#b9afaf);
    font-size:.72rem;
    line-height:1.5;
}
.newsletter-legal-short p{margin:0 0 8px}
.newsletter-legal-short a{color:#fff;text-decoration:underline}

.newsletter-trust{padding-top:14px;padding-bottom:70px}
.newsletter-trust__card{padding:30px}
.newsletter-trust__card h2{margin:8px 0 24px}
.newsletter-trust__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.newsletter-trust__grid>div{
    display:grid;
    gap:5px;
    padding:17px;
    border:1px solid var(--line,rgba(255,255,255,.09));
    border-radius:14px;
    background:rgba(255,255,255,.018);
}
.newsletter-trust__grid span{color:var(--muted,#b9afaf);font-size:.82rem}

@media(max-width:900px){
    .newsletter-hero{grid-template-columns:1fr;gap:28px;padding-top:38px}
    .newsletter-benefits>div{grid-template-columns:1fr;gap:4px}
}
@media(max-width:620px){
    .newsletter-signup-card{padding:22px 17px;border-radius:18px}
    .newsletter-trust__grid{grid-template-columns:1fr}
    .newsletter-hero__copy h1{font-size:clamp(2.5rem,14vw,4rem)}
}