.flt-newsletter{
    position:relative;
    padding:64px 0 76px;
    background:#f4f4f1;
}

.flt-newsletter__panel{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:
        minmax(0,1.08fr)
        minmax(340px,.92fr);
    gap:52px;
    align-items:center;
    padding:48px;
    border:1px solid rgba(215,181,109,.34);
    border-radius:22px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(0,167,181,.20),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #101820 0%,
            #172630 100%
        );
    box-shadow:
        0 24px 70px
        rgba(16,24,32,.16);
}

.flt-newsletter__panel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:5px;
    background:#d7b56d;
}

.flt-newsletter__intro,
.flt-newsletter__form{
    position:relative;
    z-index:1;
}

.flt-newsletter__eyebrow{
    margin:0 0 13px;
    color:#d7b56d;
    font-size:12px;
    font-weight:900;
    letter-spacing:.19em;
}

.flt-newsletter h2{
    max-width:620px;
    margin:0 0 17px;
    color:#fff;
    font-size:clamp(
        34px,
        4.4vw,
        58px
    );
    line-height:.99;
    letter-spacing:-.045em;
}

.flt-newsletter__copy{
    max-width:620px;
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.66;
}

.flt-newsletter__topics{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:25px;
}

.flt-newsletter__topics span{
    padding:7px 11px;
    border:
        1px solid
        rgba(255,255,255,.16);
    border-radius:999px;
    color:rgba(255,255,255,.82);
    font-size:11px;
    font-weight:800;
    letter-spacing:.035em;
}

.flt-newsletter__form{
    padding:27px;
    border-radius:17px;
    background:#fff;
    box-shadow:
        0 18px 50px
        rgba(0,0,0,.18);
}

.flt-newsletter__label{
    display:block;
    margin-bottom:8px;
    color:#101820;
    font-size:13px;
    font-weight:850;
}

.flt-newsletter__input-row{
    display:grid;
    grid-template-columns:
        minmax(0,1fr)
        auto;
    gap:9px;
}

.flt-newsletter__email{
    width:100%;
    min-height:52px;
    box-sizing:border-box;
    padding:0 15px;
    border:1px solid #cbd2d6;
    border-radius:9px;
    background:#fff;
    color:#101820;
    font:inherit;
    outline:none;
}

.flt-newsletter__email:focus{
    border-color:#00a7b5;
    box-shadow:
        0 0 0 3px
        rgba(0,167,181,.13);
}

.flt-newsletter__submit{
    min-height:52px;
    padding:0 22px;
    border:0;
    border-radius:9px;
    background:#00a7b5;
    color:#fff;
    font:inherit;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}

.flt-newsletter__submit:hover{
    filter:brightness(.92);
}

.flt-newsletter__consent{
    display:flex;
    gap:10px;
    align-items:flex-start;
    margin-top:16px;
    color:#3b444a;
    font-size:12px;
    line-height:1.5;
    cursor:pointer;
}

.flt-newsletter__consent input{
    flex:0 0 auto;
    width:17px;
    height:17px;
    margin:1px 0 0;
    accent-color:#00a7b5;
}

.flt-newsletter__note{
    margin:11px 0 0;
    color:#737a7f;
    font-size:11px;
    line-height:1.45;
}

.flt-newsletter__trap{
    position:absolute !important;
    left:-10000px !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

@media(max-width:850px){

    .flt-newsletter{
        padding:48px 0 58px;
    }

    .flt-newsletter__panel{
        grid-template-columns:1fr;
        gap:30px;
        padding:34px 24px;
        border-radius:18px;
    }
}

@media(max-width:540px){

    .flt-newsletter__panel{
        padding:
            30px
            18px;
    }

    .flt-newsletter__form{
        padding:21px;
    }

    .flt-newsletter__input-row{
        grid-template-columns:1fr;
    }

    .flt-newsletter__submit{
        width:100%;
    }
}