@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  --neon-red: #ff1e27;
  --neon-glow: rgba(255, 30, 39, 0.45);
  --dark-bg: #05070b;
  --metal-card: rgba(14, 18, 27, 0.82);
  --metal-border: rgba(255, 255, 255, 0.08);
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--dark-bg);
  background-image: 
    radial-gradient(circle at 50% -15%, rgba(255, 20, 30, 0.3) 0%, transparent 65%),
    radial-gradient(circle at 100% 50%, rgba(220, 20, 30, 0.08) 0%, transparent 45%),
    radial-gradient(circle at 0% 90%, rgba(255, 20, 30, 0.08) 0%, transparent 45%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.015) 0px, rgba(255, 255, 255, 0.015) 1px, transparent 1px, transparent 4px);
  background-attachment: fixed;
  color: #f8fafc;
  overflow-x: hidden;
}

.font-cyber {
  font-family: 'Orbitron', monospace;
  letter-spacing: 0.08em;
}

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

/* Metallic & Carbon-Fiber Card Texture */
.carbon-card {
  background: 
    linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, transparent 100%),
    linear-gradient(rgba(13, 17, 24, 0.88), rgba(9, 12, 18, 0.94));
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--metal-border);
  box-shadow: 
    0 15px 35px -10px rgba(0, 0, 0, 0.9),
    0 0 1px 1px rgba(255, 255, 255, 0.05) inset;
}

.carbon-card-highlight {
  border: 1px solid rgba(255, 30, 39, 0.4);
  box-shadow: 
    0 20px 40px -10px rgba(255, 20, 30, 0.22),
    0 0 25px 0 rgba(255, 30, 39, 0.1),
    0 0 1px 1px rgba(255, 50, 60, 0.3) inset;
}

/* Crosshair Reticle Animation */
.crosshair-spin {
  animation: spin-slow 20s linear infinite;
}

@keyframes spin-slow {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Cyber Pulse Glow */
.glow-target-red {
  box-shadow: 0 0 35px var(--neon-glow);
}

.text-glow-red {
  text-shadow: 0 0 14px rgba(255, 30, 39, 0.7), 0 0 30px rgba(255, 30, 39, 0.3);
}

/* Shimmer Button */
.btn-plasma {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #e11d27 0%, #b91c1c 50%, #7f1d1d 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 10px 30px -5px rgba(225, 29, 39, 0.5), 0 0 1px 1px rgba(255, 255, 255, 0.3) inset;
}

.btn-plasma::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    60deg,
    transparent 20%,
    rgba(255, 255, 255, 0.25) 50%,
    transparent 80%
  );
  transform: rotate(35deg);
  animation: plasma-flow 3.5s infinite;
}

@keyframes plasma-flow {
  0% { transform: translateX(-100%) rotate(35deg); }
  25%, 100% { transform: translateX(100%) rotate(35deg); }
}

/* Sleek Scrollbars */
::-webkit-scrollbar { display: none; }
* { -ms-overflow-style: none; scrollbar-width: none; }