body {
      box-sizing: border-box;
    }
    
    html, body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    
    .app-wrapper {
      width: 100%;
      min-height: 100%;
      overflow-x: hidden;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0px) rotate(0deg); }
      50% { transform: translateY(-20px) rotate(5deg); }
    }
    
    @keyframes pulse-soft {
      0%, 100% { transform: scale(1); opacity: 0.8; }
      50% { transform: scale(1.05); opacity: 1; }
    }
    
    @keyframes slide-up {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    
    @keyframes gradient-shift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    
    .animate-float { animation: float 6s ease-in-out infinite; }
    .animate-float-delay { animation: float 6s ease-in-out infinite 2s; }
    .animate-pulse-soft { animation: pulse-soft 3s ease-in-out infinite; }
    .animate-slide-up { animation: slide-up 0.8s ease-out forwards; }
    
    .gradient-animate {
      background-size: 200% 200%;
      animation: gradient-shift 8s ease infinite;
    }
    
    .slide-indicator {
      transition: all 0.3s ease;
    }
    
    .slide-indicator.active {
      width: 2rem;
      background-color: #FFB703;
    }
    
    .card-hover {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .card-hover:hover {
      transform: translateY(-8px);
      box-shadow: 0 20px 40px rgba(108, 99, 255, 0.2);
    }
    
    .btn-primary {
      background: linear-gradient(135deg, #FFB703 0%, #FB8500 100%);
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(255, 183, 3, 0.4);
    }
    
    .btn-primary:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(255, 183, 3, 0.5);
    }
    
    .hero-bg {
      background: linear-gradient(135deg, #6C63FF 0%, #4ECDC4 50%, #45B7D1 100%);
    }
    
    .stats-card {
      backdrop-filter: blur(10px);
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .section-divider {
      background: linear-gradient(90deg, transparent, #6C63FF, transparent);
      height: 2px;
    }

    .scroll-reveal {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s ease-out;
    }
    
    .scroll-reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }