/* ===== contact.css ===== */
.contact-hero { background: #1B3A5C; padding: 40px 28px; text-align: center; }
.contact-hero h1 { font-size: 26px; font-weight: 600; color: white; margin-bottom: 8px; }
.contact-hero p { font-size: 14px; color: #9BBDD6; font-family: 'Nunito Sans', sans-serif; max-width: 480px; margin: 0 auto; }

.contact-wrap { max-width: 900px; margin: 0 auto; padding: 32px 28px 48px; }
.contact-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 24px; }

.contact-form-box { background: white; border: 0.5px solid #E0DDD6; border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
.contact-form-box .form-field label { font-size: 13px; color: #5A5650; font-family: 'Nunito Sans', sans-serif; margin-bottom: 6px; display: block; font-weight: 500; }
.contact-form-box .form-field input, .contact-form-box .form-field textarea { width: 100%; border: 0.5px solid #D0CEC8; border-radius: 10px; padding: 11px 14px; font-size: 14px; font-family: 'Nunito Sans', sans-serif; color: #2A2825; background: #FAFAF8; outline: none; transition: border-color 0.2s; }
.contact-form-box .form-field input:focus, .contact-form-box .form-field textarea:focus { border-color: #2E6DA4; background: white; }
.contact-form-box .form-field textarea { min-height: 130px; resize: vertical; line-height: 1.6; }
.contact-submit-btn { background: #C9952A; color: white; border: none; border-radius: 30px; padding: 13px; font-size: 15px; font-family: 'Nunito', sans-serif; font-weight: 600; cursor: pointer; margin-top: 4px; transition: background 0.2s; }
.contact-submit-btn:hover { background: #b8841f; }
.contact-note { font-size: 12px; color: #B0ACA6; font-family: 'Nunito Sans', sans-serif; text-align: center; }

.contact-info-box { background: #1B3A5C; border-radius: 16px; padding: 28px; display: flex; flex-direction: column; gap: 24px; }
.info-item { display: flex; flex-direction: column; gap: 4px; }
.info-icon { font-size: 22px; margin-bottom: 4px; }
.info-label { font-size: 11px; color: #9BBDD6; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.5px; }
.info-value { font-size: 15px; color: white; font-family: 'Nunito Sans', sans-serif; font-weight: 500; }
.info-value-muted { color: rgba(255,255,255,0.5); font-weight: 400; font-style: italic; }

@media (max-width: 700px) {
  .contact-grid { grid-template-columns: 1fr; }
}