/* Estilos Premium Gaming para la Landing Page */
:root {
  color-scheme: dark;
}

body {
  background-color: #07090e;
  color: #f1f5f9;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x: hidden;
}

/* Background Grid Pattern */
.bg-grid-pattern {
  background-image: radial-gradient(rgba(16, 185, 129, 0.12) 1px, transparent 1px),
                    radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 36px 36px, 18px 18px;
  background-position: 0 0, 9px 9px;
}

/* Glassmorphism Cards */
.glass-panel {
  background: rgba(14, 19, 30, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-panel:hover {
  border-color: rgba(16, 185, 129, 0.35);
  box-shadow: 0 10px 35px -10px rgba(16, 185, 129, 0.15);
}

/* Glow Effects */
.glow-emerald {
  box-shadow: 0 0 40px -10px rgba(16, 185, 129, 0.3);
}

.text-gradient {
  background: linear-gradient(135deg, #ffffff 30%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-cyan {
  background: linear-gradient(135deg, #38bdf8 0%, #10b981 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Floating Animation */
@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-8px) rotate(0.5deg);
  }
}

.animate-float {
  animation: float 5s ease-in-out infinite;
}

/* Pulse Glow */
@keyframes pulse-ring {
  0% {
    transform: scale(0.95);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.2;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.6;
  }
}

.pulse-ring {
  animation: pulse-ring 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}