/* public/assets/css/pages/newsletter.css */
.newsletterMain{
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;

    h1 {
        color: var(--titleColor);
        text-align: center;
        background-color: var(--primaryColor);
        color: white;
        padding: 0.5rem;
        border-top-left-radius: var(--padding);
        border-top-right-radius: var(--padding);
    }
}

.newsletterCard{
    background: #fff;
    border: 1px solid #232F3E;
    padding: 1rem;
    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    border-bottom-left-radius: var(--padding);
    border-bottom-right-radius: var(--padding);
}

.newsletterIntro{
    margin: 0 0 1rem 0;
}

.newsletterForm{
    display: grid;
    gap: .75rem;
}

.newsletterLabel{
    font-weight: 700;
}

.newsletterInput{
    width: 100%;
    padding: .65rem .75rem;
    border: 1px solid #cfcfcf;
    border-radius: .4rem;
    font-size: 1rem;
}

.newsletterBtn{
    background: #232F3E;
    color: #fff;
    border: 0;
    padding: .75rem 1rem;
    border-radius: .4rem;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
}

.newsletterBtn[disabled]{
    opacity: .6;
    cursor: not-allowed;
}

.newsletterHint{
    font-size: .9rem;
    opacity: .8;
}

.newsletterHp{
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}