@charset "utf-8";
/* CSS Document */

* { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; }
    .font-montserrat { font-family: 'Montserrat', sans-serif; }
    .font-opensans { font-family: 'Open Sans', sans-serif; }
    .primary-color { color: #ef4146; }
    .primary-bg { background-color: #ef4146; }
    .primary-border { border-color: #ef4146; }
    .gradient-hero {
      background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    }
    .card-hover {
      transition: all 0.3s ease;
    }
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(239, 65, 70, 0.15);
    }
    .btn-primary {
      background-color: #ef4146;
      transition: all 0.3s ease;
    }
    .btn-primary:hover {
      background-color: #d63539;
      transform: scale(1.05);
    }
    .animate-fade-in {
      animation: fadeIn 0.6s ease-out forwards;
    }
    .animate-slide-up {
      animation: slideUp 0.6s ease-out forwards;
    }
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    @keyframes slideUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .image-placeholder {
      background: linear-gradient(135deg, #ef4146 0%, #ff6b6f 100%);
    }
    .percentage-badge {
      background: linear-gradient(135deg, #ef4146, #ff6b6f);
    }