/* General enhancements */
html {
  scroll-behavior: smooth;
}

.glow-text {
  text-shadow: 0 0 15px rgba(34, 211, 238, 0.9), 0 0 30px rgba(34, 211, 238, 0.6);
}

.skill-box,
.cert-box,
.blog-card {
  background: #111827;
  border: 1px solid #1f2937;
  border-radius: 0.75rem;
  padding: 1.5rem;
  transition: all 0.3s ease;
}

.skill-box:hover,
.cert-box:hover,
.blog-card:hover {
  border-color: #22d3ee;
  box-shadow: 0 0 20px rgba(34, 211, 238, 0.2);
}

/* Contact form inputs */
.input-field {
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
  background: #111827;
  border: 1px solid #374151;
  color: #fff;
  outline: none;
  transition: 0.3s;
}
.input-field:focus {
  border-color: #22d3ee;
}

/* Scroll animation */
.fade-in {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.8s ease-out;
}