body {
        font-family: "Inter", sans-serif;
        background: linear-gradient(135deg, #667eea 0%, #3c4cc9 100%);
        min-height: 100vh;
        padding: 0;
        margin: 0;
      }
      
      .glass-effect {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
      }
      
      .animate-float {
        animation: float 6s ease-in-out infinite;
      }
      
      .animate-pulse-slow {
        animation: pulse-slow 3s ease-in-out infinite;
      }
      
      @keyframes float {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
      }
      
      @keyframes pulse-slow {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.7; }
      }
      
      .particle {
        position: absolute;
        width: 4px;
        height: 4px;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 50%;
        animation: particle-float 8s ease-in-out infinite;
      }
      
      @keyframes particle-float {
        0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.3; }
        25% { transform: translateY(-100px) translateX(50px); opacity: 1; }
        50% { transform: translateY(-200px) translateX(-30px); opacity: 0.8; }
        75% { transform: translateY(-150px) translateX(80px); opacity: 0.6; }
      }
      
      .logo-glow {
        filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
      }
      
      .btn-glow {
        box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
      }
      
      .btn-glow:hover {
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
      }