/* Glassmorphism & UI Design System — Rahul's Heart */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --primary-glow: #e879f9;
  --bg-dark: #050508;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  background-color: var(--bg-dark);
  color: #f8fafc;
  -webkit-tap-highlight-color: transparent;
}

/* Glassmorphism Cards */
.glass-card {
  background: rgba(18, 18, 28, 0.65);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.glass-card-interactive {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card-interactive:active {
  transform: scale(0.98);
}

/* Custom Scrollbar for Mobile */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Pulse Glow Effect */
.glow-pulse {
  animation: auraGlow 3s ease-in-out infinite alternate;
}

@keyframes auraGlow {
  0% {
    box-shadow: 0 0 20px rgba(232, 121, 249, 0.15);
  }
  100% {
    box-shadow: 0 0 45px rgba(232, 121, 249, 0.35);
  }
}