/* ===== CONTACT PAGE ===== */
body { background:#0f1115; color:#e7e9ee; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }

.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
  margin:40px auto;
  width:min(1100px,90%);
}
.contact-card{
  background:#171a21; border:1px solid #253140; border-radius:14px;
  padding:22px; min-height:180px; display:flex; flex-direction:column;
  justify-content:center; align-items:flex-start; color:#e7e9ee;
  box-shadow:0 0 0 rgba(0,0,0,0);
  transition:transform .3s ease-out, box-shadow .3s ease, border-color .3s ease;
  transform-origin:center;
}
.contact-card h3{ margin:0 0 8px; font-size:1.2rem; letter-spacing:.2px; color:#2fbf71; }
.contact-card ul{ list-style:none; margin:0; padding:0; display:grid; gap:6px; font-size:.98rem; color:#c9d2dd; }
.contact-card a{ color:#6aa0ff; text-decoration:none; font-weight:600; }
.contact-card a:hover{ text-decoration:underline; }
@media (max-width:700px){ .contact-grid{ grid-template-columns:1fr; } }

/* клас, який JS додає */
.contact-card.hovered{ border-color:#2fbf71; box-shadow:0 14px 35px rgba(0,0,0,.45); transform:scale(1.07); }