/* Tech Made Easy Custom Styling & Glow Effects */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background-color: #0A1128;
  color: #F1F5F9;
}

/* Background Grid Pattern */
.bg-grid-pattern {
  background-size: 40px 40px;
  background-image: 
    linear-gradient(to right, rgba(30, 58, 95, 0.2) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(30, 58, 95, 0.2) 1px, transparent 1px);
}

/* Text Gradients */
.text-gradient {
  background: linear-gradient(135deg, #38BDF8 0%, #7DD3FC 50%, #38BDF8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Glow Utilities */
.cyan-glow {
  box-shadow: 0 0 40px -10px rgba(56, 189, 248, 0.25);
}

.cyan-glow-hover:hover {
  box-shadow: 0 0 30px 0px rgba(56, 189, 248, 0.4);
}