/* --- Password requirements live style --- */
.password-help {
    margin-top: 6px;
    color: #6b7280; /* gray-500 */
    font-size: 13px;
    line-height: 1.5;
}

.password-help li {
    margin-bottom: 4px;
}

@media (min-width: 640px) {
    .password-help { font-size: 14px; }
}

@media (min-width: 1024px) {
    .password-help { font-size: 14.5px; line-height: 1.6; }
}

/* --- Mobile input adjustments --- */
@media (max-width: 640px) {
    input[type="text"],
    input[type="password"],
    input[type="email"] {
        font-size: 16px;
        padding: 1rem;
    }

    .password-help li { font-size: 14px; line-height: 1.6; }

    button[type="submit"] { padding: 0.875rem; font-size: 1.125rem; }
}

/* --- Show/Hide Password Button --- */
.password-toggle-btn {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    color: #6b7280;
}

.password-toggle-btn:hover { color: #374151; }