/* BHU Exam Prep - Custom Global Styles & Premium Micro-animations */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;300;400;600;700;800;900&display=swap');

body {
  font-family: 'Geist', sans-serif;
  background-color: #F7F7F5;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* Glassmorphism Panel styles */
.glass-panel {
  background: rgba(243, 242, 239, 0.55);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(231, 231, 228, 1);
}

.glass-card {
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border: 1px solid rgba(231, 231, 228, 0.5);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.02);
}

/* Background Atmosphere and Orbs */
.neural-orb {
  filter: blur(80px);
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  border-radius: 9999px;
  pointer-events: none;
}

.orb-glow {
  filter: blur(40px);
  opacity: 0.15;
  pointer-events: none;
}

.neural-gradient {
  background: radial-gradient(circle at 10% 20%, rgba(168, 85, 247, 0.08) 0%, transparent 50%),
              radial-gradient(circle at 90% 80%, rgba(59, 130, 246, 0.08) 0%, transparent 50%);
}

.orb-gradient {
  background: radial-gradient(circle at 50% 50%, rgba(168, 85, 247, 0.08) 0%, rgba(59, 130, 246, 0.04) 50%, transparent 100%);
}

.density-wave {
  background: radial-gradient(circle at center, #A855F7 0%, #3B82F6 50%, #10B981 100%);
  filter: blur(60px);
  opacity: 0.15;
  z-index: -1;
  pointer-events: none;
}

/* Float and Pulse animations */
.animate-float {
  animation: float 12s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(30px, -50px) scale(1.08); }
  66% { transform: translate(-20px, 20px) scale(0.92); }
}

@keyframes pulse-gentle {
  0%, 100% { transform: scale(1); opacity: 0.7; }
  50% { transform: scale(1.03); opacity: 0.9; }
}

.orb-glow-pulse {
  animation: pulse-gentle 8s ease-in-out infinite;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #e2e2e2;
  border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #c6c6c6;
}

/* Option Cards */
.option-card {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.option-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}

/* Material Icons configuration */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.material-symbols-outlined.fill {
  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* MathJax mobile responsiveness */
mjx-container {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none; /* Hide scrollbar for clean look on Firefox */
}
mjx-container::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome/Safari */
}