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

body {
  font-family: 'Orbitron', monospace;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

.military-card {
  background: linear-gradient(145deg, #2a2a3e, #1e1e32);
  border: 1px solid #4a5568;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.stat-bar {
  background: linear-gradient(90deg, #4a5568 0%, #2d3748 100%);
}

.stat-fill {
  background: linear-gradient(90deg, #48bb78 0%, #38a169 100%);
  transition: width 0.3s ease;
}

.comparison-card {
  background: linear-gradient(145deg, #2d3748, #1a202c);
  border: 2px solid #4299e1;
}

.upgrade-btn {
  background: linear-gradient(145deg, #4299e1, #3182ce);
  transition: all 0.2s ease;
}

.upgrade-btn:hover {
  background: linear-gradient(145deg, #3182ce, #2c5282);
  transform: translateY(-1px);
}