/* ===== Contact ===== */
.contact-card {
    background: #FFFFFF;
    border: 1px solid rgba(19, 99, 198, 0.15); /* var(--primary) with alpha look */
    box-shadow: 0 10px 25px rgba(20, 24, 62, 0.06);
    transition: .3s;
}
.contact-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 35px rgba(20, 24, 62, 0.10);
}

/* Form controls look & focus */
.contact-card .form-control, 
.contact-card .form-select, 
.contact-card textarea {
    background: #fff;
    border: 1px solid rgba(20, 24, 62, 0.15); /* var(--dark) with alpha */
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: none;
}

.contact-card .form-control:focus, 
.contact-card .form-select:focus, 
.contact-card textarea:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(19, 99, 198, 0.15);
}

/* Labels */
.contact-card .form-label {
    font-weight: 500;
    color: var(--dark);
}

/* Alerts rounded */
.alert {
    border-radius: 999px;
}

/* Contact section spacing tweaks on small screens */
@media (max-width: 767.98px) {
    #contact .contact-card { padding: 16px; }
}