/* Enhanced sidebar styles */
.auth-sidebar h2 {
    font-size: 2.5rem !important;
    margin-bottom: 1.5rem !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.auth-sidebar h2:hover {
    transform: translateY(-2px);
}

.auth-sidebar p {
    font-size: 1.1rem !important;
    line-height: 1.7 !important;
    position: relative;
    transition: all 0.3s ease;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.auth-sidebar p:hover {
    transform: translateX(5px);
}

.auth-sidebar p:nth-child(3) {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin-top: 2rem !important;
    margin-bottom: 0.5rem !important;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

.auth-sidebar p:nth-child(4) {
    font-size: 1.3rem !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
    padding-top: 10px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) !important;
}

/* Added animation for sidebar text */
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.auth-sidebar h2,
.auth-sidebar p {
    animation: fadeInLeft 0.5s ease forwards;
    animation-delay: calc(var(--animation-order) * 0.1s);
}

.auth-sidebar h2 {
    --animation-order: 1;
}

.auth-sidebar p:nth-child(2) {
    --animation-order: 2;
}

.auth-sidebar p:nth-child(3) {
    --animation-order: 3;
}

.auth-sidebar p:nth-child(4) {
    --animation-order: 4;
}