/* Register Page Styles */

.auth-card {
    width: 650px;
    /* Wider for register form */
    max-width: 95vw;
    position: relative;
    z-index: 10;
}

/* Progress Bar */
.progress-container {
    width: 100%;
    height: 6px;
    background: #E2E8F0;
    border-radius: 99px;
    margin: 20px 0 30px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color), var(--success));
    width: 33%;
    transition: width 0.4s ease;
    border-radius: 99px;
}

/* Steps */
.step-card {
    display: none;
    animation: fadeScale 0.4s ease-out;
}

.step-card.active {
    display: block;
}

@keyframes fadeScale {
    from {
        opacity: 0;
        transform: scale(0.98);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.auth-footer {
    text-align: center;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #F1F5F9;
}

.auth-link {
    color: var(--primary-color);
    font-weight: 600;
}

/* File Upload Customization */
input[type="file"] {
    background: white;
    padding: 10px;
}

/* Mobile Responsive */
@media (max-width: 600px) {
    .auth-card {
        padding: 20px;
    }
}