@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        body {
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(to bottom right, #0a192f, #1e3a5f);
            min-height: 100vh;
        }

body {
  background: black; /* keep your background */
  min-height: 100vh;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(251, 255, 0, 0.3);
}

.glow {
  box-shadow: 0 0 20px rgba(251, 255, 0, 0.3);
}

.section-title {
  position: relative;
  display: inline-block;
  background: linear-gradient(90deg, #ffffff, #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@keyframes glow {
  0% { text-shadow: 0 0 5px #ffffff; }
  50% { text-shadow: 0 0 20px #ffffff, 0 0 30px #ffffff; }
  100% { text-shadow: 0 0 5px #ffffff; }
}

/* === Readability Fixes === */
body, p, span, li {
  color: #ffffff !important;
}

a {
  color: #FFDE21 !important;
  text-decoration: none;
}

a:hover {
  color: #FFDE21 !important;
  text-decoration: underline;
}

/* Keep default system cursor */
body {
  cursor: default;
}

/* Main circle that follows mouse */
.cursor-outline {
  position: fixed;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 2px solid white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.15s ease-out, border-color 0.2s ease;
  mix-blend-mode: difference; /* Makes it visible on dark/light backgrounds */
}