/* StarRupture.net UI Enhancements - Sci-Fi Gaming Style */

/* Glow Variables */
:root {
  --glow-primary: 0 0 20px rgba(249,115,22,.4);
  --glow-secondary: 0 0 20px rgba(34,211,238,.4);
  --glow-accent: 0 0 20px rgba(168,85,247,.4);
}

/* Enhanced Hero Title with Glow */
.hero h1 {
  text-shadow: 0 0 40px rgba(249,115,22,.3);
}

/* Scanline Overlay Effect */
.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0,0,0,.03) 2px,
    rgba(0,0,0,.03) 4px
  );
  pointer-events: none;
  z-index: 1;
}

.hero {
  position: relative;
}

.hero > * {
  position: relative;
  z-index: 2;
}

/* Enhanced Card Hover Effects */
.card:hover {
  box-shadow: 0 8px 32px rgba(249,115,22,.15);
}

.card:hover .card-icon {
  transform: scale(1.1);
}

.card-icon {
  transition: transform .3s ease;
}

/* Quick Nav Enhanced Hover */
.quick-nav a:hover {
  box-shadow: var(--glow-primary);
}

.quick-nav a:hover .icon {
  transform: scale(1.15);
}

.quick-nav .icon {
  transition: transform .3s ease;
}

/* Button Glow Enhancement */
.btn-primary:hover {
  box-shadow: var(--glow-primary);
}

/* Logo Glow on Hover */
.logo:hover .logo-icon {
  box-shadow: var(--glow-primary);
}

/* Featured Card Glow */
.featured-main:hover {
  box-shadow: 0 0 30px rgba(249,115,22,.2);
}

/* Stats Number Glow */
.stat-num {
  text-shadow: 0 0 20px rgba(249,115,22,.5);
}

/* Hero Badge Pulse Enhancement */
.hero-badge {
  animation: badge-glow 2s ease-in-out infinite;
}

@keyframes badge-glow {
  0%, 100% { box-shadow: 0 0 10px rgba(249,115,22,.2); }
  50% { box-shadow: 0 0 20px rgba(249,115,22,.4); }
}

/* Nav Link Hover Glow */
.nav a:hover {
  text-shadow: 0 0 10px rgba(249,115,22,.5);
}

/* FAQ Item Hover */
.faq-item:hover {
  border-color: var(--primary);
  box-shadow: 0 0 15px rgba(249,115,22,.1);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hero::before { display: none; }
  .hero-badge { animation: none; }
  .card-icon, .quick-nav .icon { transition: none; }
}