.contact-container {

    width: min(900px, calc(100% - 40px));

    margin: 0 auto;

}



.contact-hero {

    padding: 60px 20px 40px;

    text-align: center;

}



.contact-hero h1 {

    font-size: 2.2rem;

    color: var(--raf-navy);

    margin-bottom: 20px;

}



.contact-hero p {

    max-width: 750px;

    margin: 0 auto;

    color: #4b5c6d;

    font-size: 1.05rem;

}



.contact-form-section {

    padding: 40px 20px 80px;

}



form {

    background: #ffffff;

    padding: 35px;

    border-radius: 14px;

    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);

}



.form-group {

    margin-bottom: 24px;

}



.form-group label {

    display: block;

    margin-bottom: 8px;

    font-weight: 600;

    color: var(--raf-navy);

}



.form-group input,

.form-group textarea {

    width: 100%;

    padding: 14px;

    border: 1px solid var(--raf-border);

    border-radius: 8px;

    font-size: 1rem;

    font-family: inherit;

}



.form-group textarea {

    resize: vertical;

}



.form-group input:focus,

.form-group textarea:focus {

    outline: none;

    border-color: var(--raf-blue);

}



.submit-button {

    display: inline-block;

    padding: 14px 28px;

    background-color: var(--raf-red);

    color: #ffffff;

    border: none;

    border-radius: 8px;

    font-size: 1rem;

    font-weight: 600;

    cursor: pointer;

    transition: 0.3s ease;

}



.submit-button:hover {

    background-color: #8f1020;

}



.success-message {

    background: #dff3e2;

    color: #1d5e2b;

    padding: 18px;

    border-radius: 10px;

    margin-bottom: 30px;

}



.error-message {

    background: #f8d7da;

    color: #842029;

    padding: 18px;

    border-radius: 10px;

    margin-bottom: 30px;

}



.hidden-field {

    display: none;

}



@media (max-width: 768px) {



    .contact-hero {

        padding: 40px 16px 30px;

    }



    .contact-hero h1 {

        font-size: 1.8rem;

    }



    .contact-form-section {

        padding: 20px 0 60px;

    }



    form {

        padding: 24px;

    }



    .submit-button {

        width: 100%;

    }

}