/* Get Started Wizard Styles */

#wizardContainer {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Input field styles */
#wizardContainer input[type="text"],
#wizardContainer input[type="email"],
#wizardContainer input[type="password"] {
    border: 2px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.3s ease;
}

#wizardContainer input[type="text"]:focus,
#wizardContainer input[type="email"]:focus,
#wizardContainer input[type="password"]:focus {
    outline: none;
    border-color: #3498db;
}

/* Button hover effects */
#wizardContainer button {
    transition: all 0.3s ease;
}

/* Step transitions */
[id^="wizardStep"] {
    animation: slideIn 0.5s ease-out;
}

@keyframes slideIn {
    from { 
        opacity: 0;
        transform: translateX(20px);
    }
    to { 
        opacity: 1;
        transform: translateX(0);
    }
}

/* Success animation */
#wizardStep3 h1 {
    animation: bounce 0.6s ease-in-out;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}