/* ==========================================
   CONTACT PAGE
========================================== */

.contact-form-section{
    padding:120px 0;
}

.contact-form-card{
    max-width:820px;
    margin:60px auto 0;
    padding:48px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.015)
    );
    backdrop-filter:blur(10px);
}

.contact-form{
    display:flex;
    flex-direction:column;
    gap:32px;
}
/* ==========================================
   FORM FIELDS
========================================== */

.contact-form__field{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.contact-form__field label{
    color:#ffffff;
    font-size:0.92rem;
    font-weight:600;
    letter-spacing:0.02em;
}

.contact-form__field input,
.contact-form__field select,
.contact-form__field textarea{
    width:100%;
    padding:17px 18px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    background:rgba(5,5,5,.7);
    color:#ffffff;
    font:inherit;
    line-height:1.5;
    outline:none;
    transition:
        border-color .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;
}

.contact-form__field textarea{
    min-height:190px;
    resize:vertical;
}

.contact-form__field input:focus,
.contact-form__field select:focus,
.contact-form__field textarea:focus{
    border-color:var(--color-accent);
    background:rgba(8,8,8,.92);
    box-shadow:0 0 0 3px rgba(218,116,54,.12);
}

.contact-form__field select{
    cursor:pointer;
}

.contact-form__field select option{
    background:#111111;
    color:#ffffff;
}
/* ==========================================
   FORM DETAILS
========================================== */

.contact-form__field textarea{
    min-height:230px;
}

.contact-form__help{
    margin:0 auto;
    max-width:700px;
    text-align:center;
    color:rgba(255,255,255,.58);
    font-size:0.92rem;
    line-height:1.7;
}

.contact-form__actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
}

.contact-form__reassurance{
    margin:0;
    color:rgba(255,255,255,.68);
    font-size:0.95rem;
}
/* ==========================================
   FORM ACTIONS
========================================== */

.contact-form__actions{
    align-items:center;
    margin-top:8px;
    text-align:center;
}

.contact-form__actions .button{
    width:100%;
    max-width:360px;
    min-height:68px;
    justify-content:center;
    font-size:1rem;
}

.contact-form__reassurance{
    max-width:520px;
    text-align:center;
}
/* ==========================================
   HONEYPOT
========================================== */

.contact-form__honeypot{
    display:none;
}