/* Global Styles */
body {
  margin: 0;
  padding: 0;
}

/* Responsive Grid Helpers */
@media (max-width: 768px) {
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  
  section {
    padding: 2rem 0 !important;
  }
  
  h1 {
    font-size: 1.75rem !important;
  }
  
  h2 {
    font-size: 1.5rem !important;
  }
  
  .container {
    padding: 0 1.5rem !important;
    max-width: 100% !important;
  }
  
  /* Fix card padding on mobile */
  [style*="padding: 3rem"] {
    padding: 2rem !important;
  }
  
  /* Fix button sizing */
  [style*="padding: 18px 48px"] {
    padding: 14px 32px !important;
    font-size: 1rem !important;
  }
  
  /* Fix icon sizes */
  [style*="width: 50px; height: 50px"] {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.25rem !important;
  }
  
  /* Fix gap spacing */
  [style*="gap: 3rem"] {
    gap: 1.5rem !important;
  }
  
  [style*="gap: 2rem"] {
    gap: 1rem !important;
  }
}

/* Tablet breakpoint */
@media (max-width: 1024px) and (min-width: 769px) {
  [style*="max-width: 1200px"],
  [style*="max-width: 1100px"],
  [style*="max-width: 1000px"] {
    max-width: 90% !important;
  }
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Link Transitions */
a {
  transition: color 0.2s ease;
}

/* Contact Grid Mobile */
@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Hover Effects */
.nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(74, 159, 216, 0.3);
}

/* Card Hover */
[style*="border: 1px solid"] {
  transition: all 0.3s ease;
}

[style*="border: 1px solid"]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

/* Button Hover */
a[style*="background: #4a9fd8"] {
  transition: all 0.2s ease;
}

a[style*="background: #4a9fd8"]:hover {
  background: #3a8dc8 !important;
  transform: translateY(-1px);
}

/* Prevent text overflow */
* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Images responsive */
img {
  max-width: 100%;
  height: auto;
}