#login_card, #register_card, #forgot_password_card, #reset_password_card {
    width: 100%;
    max-width: 400px;
    border: 1px solid #e0e0e0;
}

.password-wrapper {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #6c757d;
    z-index: 10;
}

.password-toggle:hover {
    color: #495057;
}

/* Estilos para a página de registro */
.register-left-panel {
    padding: 60px 40px;
}

.register-left-panel .card {
    width: 90%;
}

@media (min-width: 768px) {
    .register-left-panel .card {
        width: 80%;
    }
}

.register-right-panel {
    min-height: 100vh;
}

@media (max-width: 768px) {
    .register-right-panel {
        display: none;
    }
    
    .register-left-panel {
        padding: 30px 20px;
    }
}