/* ========== THEME VARIABLES ========== */
:root {
  --bg-primary: #02040f;
  --bg-secondary: #050b2a;
  --neon-purple: #b56cff;
  --neon-pink: #ff5cf4;
  --neon-blue: #4cc9f0;
  --text-primary: #ffffff;
  --text-muted: #a0a7c2;
  --glass-bg: rgba(255, 255, 255, 0.05);
  --glass-border: rgba(255, 255, 255, 0.12);
}

/* ========== RESET ========== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ========== BASE STYLES ========== */
html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background: radial-gradient(circle at top, #0d1335, var(--bg-primary) 70%);
  color: var(--text-primary);
  line-height: 1.6;
}

img {
  max-width: 100%;
  display: block;
}

/* ========== ANIMATIONS ========== */
.fade-in {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease;
}

@keyframes glowPulse {
  15% { filter: drop-shadow(0 0 10px rgba(180,108,255,0.3)); }
  100% { filter: drop-shadow(0 0 25px rgba(180,108,255,0.6)); }
}


/* Ensure content is visible */
main {
  min-height: 100vh;
}