/* Custom GTA VI Vice City Styles & Animations */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  --gta-cyan: #00f0ff;
  --gta-pink: #ff007f;
  --gta-amber: #ffaa00;
  --gta-purple: #9d4edd;
  --gta-dark: #07080c;
}

body {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: #07080c;
  color: #f3f4f6;
  overflow-x: hidden;
}

.font-orbitron {
  font-family: 'Orbitron', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Neon Glows */
.glow-cyan {
  text-shadow: 0 0 8px rgba(0, 240, 255, 0.6), 0 0 20px rgba(0, 240, 255, 0.3);
}

.glow-pink {
  text-shadow: 0 0 8px rgba(255, 0, 127, 0.6), 0 0 20px rgba(255, 0, 127, 0.3);
}

.box-glow-cyan {
  box-shadow: 0 0 25px -5px rgba(0, 240, 255, 0.3);
}

.box-glow-pink {
  box-shadow: 0 0 25px -5px rgba(255, 0, 127, 0.3);
}

.box-glow-card:hover {
  box-shadow: 0 10px 30px -5px rgba(0, 240, 255, 0.15), 0 0 15px -2px rgba(255, 0, 127, 0.15);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #090b10;
}

::-webkit-scrollbar-thumb {
  background: #1f293d;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #ff007f;
}

/* Ambient Animated Grid & Scanlines */
.gta-grid-bg {
  background-image: 
    linear-gradient(to right, rgba(0, 240, 255, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 0, 127, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
}

.gta-radial-spotlight {
  background: radial-gradient(circle at 50% 0%, rgba(0, 240, 255, 0.12) 0%, rgba(255, 0, 127, 0.06) 35%, transparent 70%);
}

/* Gradient Borders */
.border-gradient-gta {
  border-image: linear-gradient(to right, #00f0ff, #ff007f) 1;
}

/* Shimmer pulse */
@keyframes neon-pulse {
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 15px rgba(0, 240, 255, 0.7)); }
  50% { opacity: 0.85; filter: drop-shadow(0 0 25px rgba(255, 0, 127, 0.8)); }
}

.animate-neon-pulse {
  animation: neon-pulse 3s infinite ease-in-out;
}

/* Glassmorphism */
.glass-panel {
  background: rgba(13, 16, 27, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.glass-panel-accent {
  background: rgba(18, 22, 38, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 240, 255, 0.2);
}

/* Diagonal cut card effect */
.clipped-badge {
  clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 8px 100%, 0 calc(100% - 8px));
}

.clipped-corner {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
}