body {
            font-family: 'Inter', sans-serif;
        }
        .animate-blob {
            animation: blob 8s infinite;
        }
        .animation-delay-2000 {
            animation-delay: -2s;
        }
        .animation-delay-4000 {
            animation-delay: -4s;
        }
        @keyframes blob {
            0% { transform: translate(0px, 0px) scale(1); }
            33% { transform: translate(30px, -50px) scale(1.1); }
            66% { transform: translate(-20px, 20px) scale(0.9); }
            100% { transform: translate(0px, 0px) scale(1); }
        }

        .step-icon-wrapper {
            transition: all 0.4s ease-in-out;
        }

        .step-icon-wrapper.active {
            border-color: #6366f1; 
            background-color: #eef2ff; 
            transform: scale(1.1);
        }
        .step-icon-wrapper.active i {
            color: #4f46e5; 
        }
        .process-step p.active {
            color: #111827; 
            font-weight: 700;
        }
        
        .step-icon-wrapper.completed {
            border-color: #22c55e; 
            background-color: #f0fdf4; 
        }
        .step-icon-wrapper.completed i {
            color: #16a34a; 
        }
        .process-step p.completed {
            color: #374151;
        }

.faq-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.faq-btn.active + .faq-panel {
    max-height: 200px;
}

.faq-btn.active i {
    transform: rotate(180deg);
}

        #preloader {
            transition: background-color 0.6s ease-out;
        }
        #preloader-logo {
            transform: scale(1.5); 
            transform-origin: top left;
            transition: transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
        #preloader .nexora-title .nexora-subtitle {
            transition: opacity 0.4s ease-out;
        }
        #header-logo-wrapper {
            opacity: 0;
            transition: opacity 0.3s ease-in;
        }
        #main-content-wrapper {
            opacity: 0;
            transition: opacity 0.6s ease-in;
        }
        #signin{
            opacity: 0;
            transition: opacity 0.6s ease-in;
        }