body { box-sizing: border-box; }
    
    :root {
      --bg-primary: #0a0a0a;
      --surface: #141414;
      --text-primary: #f5f5f5;
      --accent-red: #dc2626;
      --accent-silver: #a1a1aa;
    }
    
    * { scrollbar-width: thin; scrollbar-color: var(--accent-red) var(--surface); }
    
    .font-display { font-family: 'Bebas Neue', sans-serif; }
    .font-body { font-family: 'Inter', sans-serif; }
    
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes slideIn {
      from { opacity: 0; transform: translateX(-20px); }
      to { opacity: 1; transform: translateX(0); }
    }
    
    @keyframes pulse-glow {
      0%, 100% { box-shadow: 0 0 20px rgba(220, 38, 38, 0.3); }
      50% { box-shadow: 0 0 40px rgba(220, 38, 38, 0.6); }
    }
    
    @keyframes shimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
    }
    
    .animate-fade-up { animation: fadeInUp 0.6s ease-out forwards; }
    .animate-slide-in { animation: slideIn 0.5s ease-out forwards; }
    .animate-pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
    
    .shimmer-effect {
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
      background-size: 200% 100%;
      animation: shimmer 2s infinite;
    }
    
    .card-hover {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .card-hover:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 25px 50px -12px rgba(220, 38, 38, 0.25);
    }
    
    .metal-shine {
      position: relative;
      overflow: hidden;
    }
    
    .metal-shine::after {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
      transition: left 0.5s ease;
    }
    
    .metal-shine:hover::after {
      left: 100%;
    }
    
    .gradient-text {
      background: linear-gradient(135deg, #f5f5f5 0%, #a1a1aa 50%, #f5f5f5 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    .gradient-red {
      background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    }
    
    .industrial-border {
      border: 1px solid #27272a;
      position: relative;
    }
    
    .industrial-border::before {
      content: '';
      position: absolute;
      top: -1px;
      left: 20px;
      right: 20px;
      height: 1px;
      background: linear-gradient(90deg, transparent, #dc2626, transparent);
    }
    
    .stat-display {
      font-family: 'Bebas Neue', monospace;
      letter-spacing: 2px;
    }
    
    .nav-link {
      position: relative;
      transition: color 0.3s ease;
    }
    
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 2px;
      background: #dc2626;
      transition: width 0.3s ease;
    }
    
    .nav-link:hover::after {
      width: 100%;
    }
    
    .page-section {
      display: none;
    }
    
    .page-section.active {
      display: block;
    }
    
    .modal-overlay {
      background: rgba(0, 0, 0, 0.8);
      backdrop-filter: blur(8px);
    }
    
    .filter-btn.active {
      background: #dc2626;
      color: white;
    }
    
    .progress-ring {
      transform: rotate(-90deg);
    }
    
    .toast {
      animation: slideIn 0.3s ease-out, fadeInUp 0.3s ease-out reverse 2.5s forwards;
    }