body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }
        .float-animation {
            animation: float 3s ease-in-out infinite;
        }
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .fade-in-up {
            animation: fadeInUp 0.8s ease-out forwards;
        }
        
        html {
            scroll-behavior: smooth;
        }

         .step-active {
            background: linear-gradient(to right, #3b82f6, #27c2ff);
            color: white;
        }

        .step-completed {
            background: #22c55e;
            color: white;
        }

        .step-inactive {
            background: #e5e7eb;
            color: #6b7280;
        }