.hero-bg { background: linear-gradient(135deg, #ea580c 0%, #f97316 100%); }
    .fade-in { animation: fadeIn 1s ease-in; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
    .card-hover { 
      transition: all 0.3s ease; 
      cursor: pointer;
    }
    .card-hover:hover { 
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 25px 50px rgba(234, 88, 12, 0.2);
    }
    .about-card {
      background: linear-gradient(45deg, #fed7aa, #fdba74);
      border-radius: 16px;
      padding: 2.5rem;
      color: #ea580c;
      text-align: center;
      box-shadow: 0 10px 20px rgba(234, 88, 12, 0.1);
      transition: all 0.3s ease;
    }
    .about-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 30px rgba(234, 88, 12, 0.2);
    }
    .mobile-menu {
      display: none;
      flex-direction: column;
      background-color: white;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
      padding: 1rem 0;
      z-index: 40;
    }
    .mobile-menu.open { display: flex; }
    .mobile-menu a {
      padding: 0.75rem 1.5rem;
      text-align: center;
      color: #374151;
      transition: background-color 0.2s;
    }
    .mobile-menu a:hover {
      background-color: #ffe8d6;
      color: #ea580c;
    }
    @media (min-width: 768px) {
      .desktop-nav { display: flex; }
      .menu-button { display: none; }
      .mobile-menu { display: none !important; }
      .header-content { justify-content: space-between; }
    }
    @media (max-width: 767px) {
      .desktop-nav { display: none; }
      .menu-button { display: block; }
      .header-content { justify-content: space-between; }
    }