body {
      box-sizing: border-box;
    }
    
    * {
      font-family: 'Inter', sans-serif;
    }
    
    h1, h2, h3, h4, h5, h6, .heading-font {
      font-family: 'Poppins', sans-serif;
    }
    
    .hero-gradient {
      background: linear-gradient(135deg, rgba(26, 35, 126, 0.95) 0%, rgba(13, 71, 161, 0.9) 100%);
    }
    
    .card-hover {
      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .card-hover:hover {
      transform: translateY(-12px);
      box-shadow: 0 25px 50px rgba(0,0,0,0.15);
    }
    
    .service-icon {
      transition: all 0.3s ease;
    }
    
    .card-hover:hover .service-icon {
      transform: scale(1.1) rotate(5deg);
    }
    
    .fade-in {
      animation: fadeInUp 0.8s ease forwards;
      opacity: 0;
    }
    
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .stagger-1 { animation-delay: 0.1s; }
    .stagger-2 { animation-delay: 0.2s; }
    .stagger-3 { animation-delay: 0.3s; }
    .stagger-4 { animation-delay: 0.4s; }
    .stagger-5 { animation-delay: 0.5s; }
    .stagger-6 { animation-delay: 0.6s; }
    
    .modal-backdrop {
      background: rgba(0, 0, 0, 0.7);
      backdrop-filter: blur(8px);
    }
    
    .step-number {
      background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
      box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
    }
    
    .testimonial-card {
      background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    }
    
    .price-badge {
      background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
      box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
    }
    
    .loading-spinner {
      border: 3px solid rgba(255,255,255,0.3);
      border-radius: 50%;
      border-top-color: #FF6B35;
      width: 40px;
      height: 40px;
      animation: spin 1s linear infinite;
    }
    
    @keyframes spin {
      to { transform: rotate(360deg); }
    }
    
    .badge-new {
      background: linear-gradient(135deg, #FF6B35 0%, #F7931E 100%);
      color: white;
      padding: 0.25rem 0.75rem;
      border-radius: 20px;
      font-size: 0.75rem;
      font-weight: 600;
      display: inline-block;
      animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }
    
    .filter-btn {
      transition: all 0.3s ease;
      position: relative;
      overflow: hidden;
    }
    
    .filter-btn::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0;
      height: 3px;
      background: #FF6B35;
      transition: all 0.3s ease;
      transform: translateX(-50%);
    }
    
    .filter-btn.active::after {
      width: 100%;
    }
    
    .booking-form input,
    .booking-form select,
    .booking-form textarea {
      transition: all 0.3s ease;
    }
    
    .booking-form input:focus,
    .booking-form select:focus,
    .booking-form textarea:focus {
      border-color: #FF6B35;
      box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.1);
      outline: none;
    }
    
    .hero-image-overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(26, 35, 126, 0.95) 0%, rgba(13, 71, 161, 0.85) 100%);
      z-index: 1;
    }
    
    .hero-content {
      position: relative;
      z-index: 2;
    }
    
    .star-rating {
      color: #FFD700;
    }