/*
 * ALBE LMS — Auth Pages CSS
 * File: public/assets/css/auth.css
 */

/* Panel trái decorative circles */
.panel-geo {
    position: absolute;
    bottom: -60px;
    left: -60px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.05);
    pointer-events: none;
}

.panel-geo::after {
    content: '';
    position: absolute;
    inset: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.07);
}

/* Animations */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

.anim-fadeup {
    animation: fadeUp .4s ease both;
}

.anim-fadeup-delay {
    animation: fadeUp .5s .1s ease both;
}

.anim-fadeup-slow {
    animation: fadeUp .5s .2s ease both;
}

/* Password strength bars */
.pw-bar {
    height: 3px;
    flex: 1;
    border-radius: 2px;
    background: #d4e8d8;
    transition: background .3s;
}

.pw-bar.weak {
    background: #ef4444;
}

.pw-bar.medium {
    background: #c9a84c;
}

.pw-bar.strong {
    background: #4a9e62;
}

/* Input icon padding override */
.input-icon {
    padding-left: 2.5rem !important;
}

/* Social button hover */
.btn-social {
    transition: border-color .15s, background .15s;
}

/* Submit button shine */
.btn-submit::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, transparent 60%);
    border-radius: inherit;
    pointer-events: none;
}