/* --- Contacts page styles --- */
.contacts-hero .title.center{ text-align:center; color:#fff; margin:0 0 8px }
.contacts-hero .subtitle.center{ text-align:center; color:#cbd5e1; margin:0 auto 24px; max-width:720px }

.notice{ padding:12px 14px; border-radius:12px; margin-bottom:16px; }
.notice.success{ background:#052e13; color:#e2fbe8; border:1px solid #064e1a }
.notice.error{ background:#3b0d0d; color:#fee2e2; border:1px solid #7f1d1d }

.contact-grid{ display:grid; grid-template-columns:1.2fr .8fr; gap:24px }
.form-card h3{ color:#fff }
.form{ display:grid; gap:12px }
.form .two{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.form .one{ display:grid; grid-template-columns:1fr }
.form label{ display:grid; gap:6px; color:#e2e8f0 }
.form input,.form select, .form textarea{ width:100%; padding:12px 14px; border-radius:12px; background:#0b1220; border:1px solid #1f2937; color:#e5e7eb; }
.form input::placeholder, .form textarea::placeholder{ color:#64748b }
.form .submit{ background:linear-gradient(90deg,#ff7a18,#af002d 70%); color:#0b1220; font-weight:800 }

.info-col{ display:grid; gap:12px; align-content:start }
.info h4{ color:#fff; margin:0 0 6px }
.socials{ display:flex; gap:10px; flex-wrap:wrap }
.socials a{ background:#0b1220; border:1px solid #263244; border-radius:999px; padding:6px 10px; color:#e5e7eb }
.hours{ display:grid; gap:6px; color:#cbd5e1 }
.hours div{ display:flex; justify-content:space-between; background:#0b1220; border:1px solid #1f2937; padding:8px 10px; border-radius:10px }

.cta-buttons{ display:flex; gap:10px }

@media (max-width:960px){
  .contact-grid{ grid-template-columns:1fr }
  .form .two{ grid-template-columns:1fr }
}