/* strength meter container */
.strength-meter {
    background: rgba(255, 255, 255, 0.05);
    height: 4px;
    width: 100%;
    border-radius: var(--r);
    overflow: hidden;
}

.strength-bar {
    height: 100%;
    width: 0;
    transition: all 0.3s ease;
    border-radius: var(--r);
}

/* strength helper classes */
.strength-weak {
    background: #ff6b6b !important;
}

.strength-medium {
    background: var(--amber) !important;
}

.strength-strong {
    background: var(--green) !important;
}

.strength-very-strong {
    background: #00fa9a !important;
    box-shadow: 0 0 8px rgba(0, 250, 154, 0.4);
}